.access-page {
  color-scheme: dark;
  --access-bg: #101113;
  --access-panel: #191a1d;
  --access-text: #f2eee8;
  --access-muted: #96928d;
  --access-orange: #f47d49;
  --access-sand: #c7ad7c;
  box-sizing: border-box;
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  min-height: 100svh;
  background: radial-gradient(ellipse at 2% 46%, #77452b1a 0, transparent 46%), var(--access-bg);
  color: var(--access-text);
  font-family: "Segoe UI", "Microsoft YaHei", "PingFang SC", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.access-page *, .access-page *::before, .access-page *::after { box-sizing: inherit; }
.access-page ::selection { background: #f47d494d; color: #fff; }
.access-page .access-shell { width: min(1240px, 100%); min-height: 100vh; min-height: 100svh; margin: 0 auto; padding: 38px 48px 25px; display: flex; flex-direction: column; }
.access-page .access-header, .access-page .access-footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.access-page .access-brand { display: inline-flex; align-items: center; gap: 13px; color: inherit; text-decoration: none; }
.access-page .access-brand-mark { width: 46px; height: 46px; display: grid; place-items: center; border: 1px solid #f47d4938; border-radius: 12px; background: linear-gradient(145deg, #f47d4912, #f47d4904); color: var(--access-orange); }
.access-page .access-brand-mark svg { width: 36px; height: 36px; }
.access-page .access-brand-name { font-size: 19px; font-weight: 650; letter-spacing: 3px; line-height: 1.35; }
.access-page .access-brand-name > span { display: block; margin-top: 5px; color: var(--access-sand); font-size: 9px; font-weight: 500; letter-spacing: 2.6px; }
.access-page .access-header-note { color: var(--access-muted); font-size: 12px; letter-spacing: 2px; }
.access-page .access-main { flex: 1; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr); gap: clamp(48px, 7vw, 100px); align-items: center; padding: 70px 0 80px; }
.access-page .access-story { position: relative; isolation: isolate; }
.access-page .access-eyebrow { display: flex; align-items: center; gap: 10px; color: var(--access-sand); font-size: 10px; font-weight: 600; letter-spacing: 2.5px; }
.access-page .access-eyebrow > span { width: 19px; height: 1px; background: var(--access-orange); }
.access-page h1 { margin: 28px 0 23px; font-size: clamp(39px, 4.7vw, 59px); font-weight: 600; line-height: 1.4; letter-spacing: -1.5px; }
.access-page .access-heading-accent { color: var(--access-orange); }
.access-page .access-motto { margin: 0; color: #d3b890; font-size: 16px; line-height: 1.8; letter-spacing: .3px; }
.access-page .access-description { margin: 19px 0 0; color: var(--access-muted); font-size: 13px; line-height: 1.95; letter-spacing: .4px; }
.access-page .access-principles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 54px; padding-top: 25px; border-top: 1px solid #ffffff12; }
.access-page .access-principle-index { color: #ab9675; font-size: 9px; letter-spacing: 1.4px; white-space: nowrap; }
.access-page .access-principles h2 { margin: 12px 0 5px; font-size: 14px; font-weight: 500; letter-spacing: 1px; }
.access-page .access-principles p { margin: 0; color: var(--access-muted); font-size: 11px; line-height: 1.7; }
.access-page .access-contours { position: absolute; z-index: -1; top: -95px; right: -28px; width: 220px; height: 300px; overflow: hidden; pointer-events: none; mask-image: linear-gradient(transparent, #000 42%, transparent 98%); }
.access-page .access-contours > span { position: absolute; top: 22px; right: 20px; width: 150px; height: 250px; border: 1px solid #c7ad7c12; border-radius: 45% 45% 25% 25%; transform: rotate(32deg); }
.access-page .access-contours > span:nth-child(2) { right: -2px; }
.access-page .access-contours > span:nth-child(3) { right: -24px; }
.access-page .access-login { position: relative; padding: 30px 34px 26px; border: 1px solid #c7ad7c26; border-radius: 18px; background: linear-gradient(140deg, #202022, #18191c 65%); box-shadow: 0 28px 80px #00000026, inset 0 1px #ffffff03; }
.access-page .access-login::before { content: ""; position: absolute; top: -1px; left: 33px; width: 60px; height: 2px; border-radius: 2px; background: var(--access-orange); }
.access-page .access-login-topline { display: flex; align-items: center; justify-content: space-between; color: var(--access-sand); font-size: 9px; letter-spacing: 2px; }
.access-page .access-login-symbol { color: #b6a183; font-size: 23px; font-weight: 300; line-height: 1; }
.access-page .access-login-heading { margin: 31px 0 29px; }
.access-page .access-login-heading h2 { margin: 0 0 11px; font-size: 27px; font-weight: 550; letter-spacing: 1px; }
.access-page .access-login-heading p { margin: 0; color: var(--access-muted); font-size: 12px; line-height: 1.8; }
.access-page .access-field + .access-field { margin-top: 20px; }
.access-page .access-field label { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; color: #dfdbd5; font-size: 12px; }
.access-page .access-field label > span { color: #928b82; font-size: 8px; letter-spacing: 1.5px; }
.access-page .access-field input { display: block; width: 100%; min-height: 49px; padding: 12px 14px; border: 1px solid #ffffff14; border-radius: 8px; outline: none; background: #101113a6; color: var(--access-text); font: inherit; font-size: 14px; line-height: 1.5; transition: border-color 150ms ease, box-shadow 150ms ease; }
.access-page .access-field input::placeholder { color: #807b76; font-size: 12px; }
.access-page .access-field input:hover { border-color: #c7ad7c55; }
.access-page .access-field input:focus { border-color: var(--access-orange); box-shadow: 0 0 0 3px #f47d491a; }
.access-page .access-field input:autofill { box-shadow: 0 0 0 1000px #1b1b1d inset; -webkit-text-fill-color: var(--access-text); }
.access-page .access-message { min-height: 20px; margin: 11px 0 12px; color: #f2ac91; font-size: 12px; line-height: 1.65; overflow-wrap: anywhere; }
.access-page .access-submit { display: flex; align-items: center; justify-content: space-between; gap: 14px; width: 100%; min-height: 49px; padding: 12px 17px; border: 1px solid #ff9a6a; border-radius: 8px; background: linear-gradient(110deg, #f68a55, #ee7543); color: #25170f; font: inherit; font-size: 13px; font-weight: 650; letter-spacing: 1px; cursor: pointer; transition: filter 150ms ease, transform 150ms ease; }
.access-page .access-submit > span:last-child { font-size: 21px; font-weight: 400; line-height: 1; }
.access-page .access-submit:hover { filter: brightness(1.08); }
.access-page .access-submit:active { transform: translateY(1px); }
.access-page .access-submit:disabled { cursor: wait; opacity: .65; filter: none; transform: none; }
.access-page .access-brand:focus-visible, .access-page .access-submit:focus-visible { outline: 2px solid #f7d49c; outline-offset: 5px; }
.access-page .access-login-note { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 25px; padding-top: 21px; border-top: 1px solid #ffffff0b; color: #9a948c; font-size: 11px; letter-spacing: .5px; }
.access-page .access-login-note svg { width: 16px; height: 16px; flex: none; color: #ad9778; }
.access-page .access-noscript { color: #f2ac91; font-size: 12px; line-height: 1.7; }
.access-page .access-footer { padding-top: 20px; border-top: 1px solid #ffffff0b; color: #918b83; font-size: 10px; letter-spacing: .9px; line-height: 1.8; }
.access-page .access-footer-divider { padding: 0 9px; color: #665c4f; }
@media (min-width: 1500px) { .access-page .access-main { gap: 110px; } }
@media (max-width: 900px) {
  .access-page .access-shell { padding: 27px 30px 22px; }
  .access-page .access-main { gap: 38px; grid-template-columns: minmax(0, 1fr) minmax(300px, 1fr); padding: 65px 0; }
  .access-page h1 { font-size: 39px; }
  .access-page .access-motto { font-size: 14px; }
  .access-page .access-principles { gap: 12px; }
  .access-page .access-principle-index { font-size: 8px; letter-spacing: .7px; }
  .access-page .access-login { padding: 27px 25px 23px; }
}
@media (max-width: 700px) {
  .access-page .access-shell { max-width: 500px; padding: 24px 23px 20px; }
  .access-page .access-header-note { display: none; }
  .access-page .access-brand-mark { width: 42px; height: 42px; }
  .access-page .access-brand-name { font-size: 17px; }
  .access-page .access-brand-name > span { font-size: 8px; }
  .access-page .access-main { display: flex; flex-direction: column; align-items: stretch; gap: 32px; padding: 45px 0 35px; }
  .access-page .access-eyebrow { font-size: 8px; letter-spacing: 2px; }
  .access-page h1 { margin: 20px 0 16px; font-size: clamp(35px, 9vw, 44px); line-height: 1.4; letter-spacing: -.5px; }
  .access-page .access-motto { font-size: 13px; letter-spacing: 0; }
  .access-page .access-description { margin-top: 12px; font-size: 12px; }
  .access-page .access-desktop-break { display: none; }
  .access-page .access-principles { margin-top: 24px; padding-top: 18px; }
  .access-page .access-principles h2 { margin-top: 9px; font-size: 12px; }
  .access-page .access-principles p { font-size: 10px; }
  .access-page .access-contours { top: -35px; right: 0; height: 240px; opacity: .7; }
  .access-page .access-login { padding: 26px 25px 23px; }
  .access-page .access-login-heading { margin: 24px 0; }
  .access-page .access-login-heading h2 { font-size: 24px; }
  .access-page .access-field input { font-size: 16px; }
  .access-page .access-footer { flex-wrap: wrap; gap: 5px 18px; font-size: 9px; letter-spacing: .3px; }
}
@media (prefers-reduced-motion: reduce) { .access-page *, .access-page *::before, .access-page *::after { transition: none !important; } }
.yukun-access-bar{display:flex;align-items:center;gap:10px;font-size:11px;color:#a9adb6;flex-wrap:wrap}.yukun-access-bar button{padding:6px 9px;border:1px solid #46413b;background:#202124;color:#e9c794;border-radius:5px;font-size:11px;cursor:pointer}.yukun-access-bar button:focus-visible{outline:2px solid #ffa86b;outline-offset:3px}.yukun-access-dialog{width:min(440px,calc(100% - 32px));padding:28px;border:1px solid #51473b;border-radius:16px;background:#191b1e;color:#ede9e2;box-shadow:0 30px 120px #0009}.yukun-access-dialog::backdrop{background:#000a}.yukun-access-dialog form{display:grid;gap:17px}.yukun-access-dialog h2{margin:0;font-size:21px;color:#f3e7d4}.yukun-access-dialog p{margin:0;line-height:1.8;font-size:12px;color:#b3b0ac}.yukun-access-dialog label{display:grid;gap:8px;font-size:12px;color:#c9c4bc}.yukun-access-dialog input{box-sizing:border-box;width:100%;padding:12px;background:#101214;border:1px solid #4b4640;color:#fff;border-radius:7px;font-size:14px}.yukun-access-dialog input:focus{outline:2px solid #f2995d;outline-offset:1px}.yukun-access-buttons{display:flex;justify-content:flex-end;gap:10px}.yukun-access-buttons button{padding:10px 14px;border:1px solid #554b40;border-radius:7px;background:#262321;color:#f5e4cf;cursor:pointer}.yukun-access-buttons button[type=submit]{background:#f59251;color:#19120e;font-weight:700}.yukun-access-buttons button:disabled{opacity:.5;cursor:wait}@media(max-width:600px){.topbar:has(.yukun-access-bar){height:auto;min-height:62px;flex-wrap:wrap;gap:12px;padding-block:12px}.yukun-access-bar{width:100%;border-top:1px solid #333;padding-top:10px}.yukun-access-dialog{padding:22px}}