:root{--paper:#fcfcf9;--ink:#363b35;--red:#a43132;--line:#a4313252;--muted:#686d64}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background-color:var(--paper);color:var(--ink);font:18px/1.85 -apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--red);outline-offset:6px}h1,h2,h3,p{margin-top:0}h1,h2,.step-index{font-family:"Songti TC","Noto Serif TC","PMingLiU",serif;font-weight:500}p{color:var(--muted)}.skip-link{position:fixed;top:-100px;left:16px;z-index:10;background:#fff;padding:10px}.skip-link:focus{top:10px}
.local-notice{color:#6e645e;text-align:center;font-size:13px;letter-spacing:.08em;padding:7px 20px;border-bottom:1px solid #a4313224;background:#f6f2ef}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:auto;padding:0 56px;border-bottom:1px solid var(--line)}.wordmark{display:inline-flex;align-items:center}
.wordmark img{display:block;width:clamp(70px, 8vw, 104px);height:auto}
body > .brand-backdrop::before{background-image:url("/xi-login-ink.svg")}.site-header nav{display:flex;align-items:center;gap:30px;font-size:15px;letter-spacing:.08em}.site-header nav>a{padding:11px 0;border-radius:0;color:var(--ink)}.site-header nav>a:hover{background:transparent;color:var(--red)}.site-header nav>.nav-book{border:1px solid var(--red);padding:11px 19px;color:var(--red);display:flex;gap:35px}.nav-book span{width:auto;font-size:18px}
.hero{max-width:1320px;margin:auto;position:relative;padding:0 56px;display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden;isolation:isolate}.hero-copy{position:relative;padding:77px 0 70px;z-index:1}.eyebrow{font-size:13px;letter-spacing:.2em;color:var(--red);margin-bottom:28px;display:flex;align-items:center;gap:12px}.eyebrow>span{display:inline-block;width:30px;height:1px;background:var(--red)}.hero h1{font-size:calc(clamp(55px,5.9vw,84px) + 3px);line-height:1.5;letter-spacing:.1em;margin:0 0 23px}.hero h1 span{color:var(--red)}
.vertical-note {
  position: absolute;
  writing-mode: vertical-rl;
  right: calc(100% + 10px);
  top: 145px;
  margin: 0;
  font-size: 19px;
  line-height: 1.25;
  letter-spacing: .18em;
  color: #666c60;
}
.hero-description{font-size:17px;line-height:2.2;letter-spacing:.07em;margin-bottom:31px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:44px;padding:16px 24px;border:1px solid var(--red);border-radius:2px;font-size:15px;font-weight:400;letter-spacing:.08em;transition:background .2s}.solid{background:var(--red);color:#fff}.solid:hover{background:#812629}.hero-art{position:relative;min-height:640px;pointer-events:none;margin-left:15px}.jin-art{position:absolute;width:670px;height:670px;left:-40px;top:-8px;background:var(--brand-jin) center/contain no-repeat;opacity:.2;transform:rotate(-7deg)}.art-label{position:absolute;right:12px;top:57px;writing-mode:vertical-rl;color:#61685d;letter-spacing:.42em;font-family:"Songti TC",serif;font-size:17px}.art-seal{position:absolute;bottom:105px;right:46px;width:56px;color:var(--red);transform:rotate(-4deg)}.art-foot{position:absolute;bottom:45px;left:60px;font-size:15px;letter-spacing:.28em;color:#6a7064}
.hero-bottom {
  grid-column: 1 / -1;
  position: relative;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  padding: 17px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #6a7064;
  font-size: 13px;
  letter-spacing: .12em;
}
.hero-bottom > span {
  font-size: calc(clamp(13px, 1.2vw, 16px) + 3px);
}
.hero-bottom > a {
  flex: none;
  white-space: nowrap;
}
.hero-bottom a span{margin-left:20px;color:var(--red)}
.section{max-width:1208px;margin:auto;padding:84px 0;border-bottom:1px solid var(--line)}h2{font-size:41px;line-height:1.65;letter-spacing:.08em;margin-bottom:0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:60px}.intro-copy{padding:8px 0 0 40px;border-left:1px solid var(--line)}.intro-copy p{font-size:17px;line-height:2.2;margin-bottom:26px}.text-stamp{color:var(--red);font-size:14px;letter-spacing:.15em}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px;gap:20px}.section-heading>p{font-size:15px;margin-bottom:10px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.steps article{border:1px solid var(--line);padding:29px;background:#ffffffb8;position:relative}.steps article:before{content:"";position:absolute;top:-1px;left:29px;width:28px;border-top:2px solid var(--red)}.step-index{font-size:33px;color:var(--red);display:flex;align-items:center;gap:16px;margin-bottom:23px}.step-index small{font-family:Arial,sans-serif;font-size:12px;letter-spacing:.1em;color:#777669}.steps h3{font-weight:500;font-size:21px;letter-spacing:.07em;margin-bottom:12px}.steps p{font-size:16px;line-height:2;margin:0}.period-note{margin-top:26px;border:1px solid var(--line);padding:24px 29px;background:#ffffffa6}.period-note>span{font-size:14px;color:var(--red);letter-spacing:.16em}.periods{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:17px 0}.periods p{font-size:18px;letter-spacing:.03em;margin:0}.periods small{display:block;font-size:13px;color:#72766c;margin-bottom:6px}.period-note>small{font-size:13px;color:#6b7066;display:block}.closing{display:flex;align-items:center;justify-content:space-between;padding-block:70px}.site-footer{max-width:1208px;margin:auto;display:flex;justify-content:space-between;padding:43px 0 38px;gap:30px}.site-footer>div>p{font-size:14px;letter-spacing:.1em;margin:16px 0 0}.footer-note{font-size:13px;line-height:1.9;max-width:520px}.footer-note p{margin:0 0 12px}.footer-note a{color:var(--red);border-bottom:1px solid var(--line);padding-bottom:3px}
@media(max-width:1320px){.section,.site-footer{margin-inline:56px}.hero-copy{padding-block:66px}.hero-art{min-height:615px}.jin-art{width:620px;height:620px}}
@media(max-width:800px){.site-header{padding:0 25px;height:96px}.site-header nav{gap:18px}.site-header nav>a:not(.nav-book){display:none}.site-header nav>.nav-book{padding:10px 14px;gap:17px}.hero{padding:0 25px;grid-template-columns:1.1fr .9fr}.hero-copy{padding-block:55px}.hero h1{font-size:57px}.hero-art{min-height:540px;margin-left:0}.jin-art{width:535px;height:535px;left:-80px;top:0}.hero-description{font-size:15px}.vertical-note{display:none}.hero .button{gap:22px;padding:15px 18px}.art-foot{left:0;font-size:13px;bottom:35px}.art-label{right:0;font-size:15px}.art-seal{right:0;bottom:85px}.section,.site-footer{margin-inline:25px;padding-block:55px}.intro{gap:25px}.intro-copy{padding-left:25px}.intro-copy p{font-size:15px}h2{font-size:33px}.steps{gap:15px}.steps article{padding:24px 20px}.steps article:before{left:20px}.steps h3{font-size:19px}.steps p{font-size:15px}.section-heading>p{font-size:13px}.periods{gap:12px}.periods p{font-size:16px}.site-footer{padding-block:32px}.footer-note{max-width:350px}}
@media(max-width:520px){.local-notice{font-size:12px;padding:7px 12px}.site-header{padding:0 20px;height:88px}.site-header nav>.nav-book{font-size:14px;padding:10px 12px;gap:12px}.hero{padding:0 20px;display:block}.hero-copy{padding:43px 0 39px;min-height:500px}.hero .eyebrow{font-size:11px;margin-bottom:25px;gap:10px}.hero h1{font-size:57px;line-height:1.5;margin-bottom:21px;letter-spacing:.08em}.hero-description{font-size:15px;max-width:260px;line-height:2.2}.hero-art{position:absolute;inset:0;min-height:0;height:500px;margin:0;z-index:-1}.jin-art{width:96vw;height:96vw;left:auto;right:-32vw;top:45px;opacity:.12;transform:none}.art-label{right:21px;top:30px;font-size:13px;letter-spacing:.32em}.art-foot,.art-seal{display:none}.hero-copy .button{padding:15px 18px;gap:27px;font-size:15px}.hero-bottom{font-size:12px;padding:15px 0}.hero-bottom a span{margin-left:8px}.section,.site-footer{margin-inline:20px}.intro{grid-template-columns:1fr;gap:27px;padding-block:44px}.eyebrow{font-size:11px;margin-bottom:17px}h2{font-size:33px}.intro-copy{padding:0 0 0 20px}.intro-copy p{font-size:15px;margin-bottom:18px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:15px;font-size:14px}.steps{grid-template-columns:1fr;gap:16px}.steps article{display:grid;grid-template-columns:42px minmax(0,1fr);gap:0 20px;padding:25px 21px}.step-index{grid-row:1/3;flex-direction:column;gap:3px;margin:0;align-items:start}.steps h3{font-size:20px;margin-bottom:8px}.steps p{font-size:15px}.period-note{padding:22px;margin-top:20px}.periods{grid-template-columns:repeat(2,1fr);gap:19px 15px}.periods p{font-size:16px}.period-note>small{font-size:12px;line-height:1.9}.closing{display:block;padding-block:45px}.closing .button{margin-top:27px}.site-footer{display:block}.footer-note{max-width:none;margin-top:25px}}
@media(max-width:360px){.site-header{padding-inline:16px}.site-header nav>.nav-book{padding:10px;gap:8px}.hero h1{font-size:52px}.hero{padding-inline:18px}.hero .eyebrow{letter-spacing:.14em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media (max-width: 800px) {
  .site-header nav > a.nav-news {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    white-space: nowrap;
  }
}

/* The ink character lives directly under body, outside the hero clipping frame. */
.hero-art .jin-art{display:none}
.hero-art{background:none}

.art-seal {
  height: auto;
}

@media (min-width: 801px) {
  .art-label {
    font-size: 31px;
    letter-spacing: .21em;
  }

  .art-foot {
    left: clamp(0px, calc(100% - 290px), 60px);
    font-size: 27px;
    letter-spacing: .14em;
    white-space: nowrap;
  }
}

@media (any-hover: hover) and (any-pointer: fine) {
  body {
    cursor: var(--jinxile-cursor), auto;
  }

  body a[href]:hover,
  body button:enabled:hover {
    cursor: var(--jinxile-cursor-action), var(--jinxile-cursor), pointer;
  }
}