@font-face{font-family:'xp-wenkai';src:url('assets/fonts/wenkai.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'xp-marker';src:url('assets/fonts/marker.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'xp-mashan';src:url('assets/fonts/mashan.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'xp-zhimang';src:url('assets/fonts/zhimang.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'xp-longcang';src:url('assets/fonts/longcang.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'xp-liujian';src:url('assets/fonts/liujian.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'xp-xiaowei';src:url('assets/fonts/xiaowei.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'xp-kuaile';src:url('assets/fonts/kuaile.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'xp-qingke';src:url('assets/fonts/qingke.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:'xp-serif';src:url('assets/fonts/serif.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap;}
.white-coast.custom-title .night-hero h1{font-family:var(--title-family),serif;font-size:var(--title-size);font-weight:400;font-synthesis:none;letter-spacing:var(--title-space);line-height:var(--title-leading);text-wrap:nowrap}.type-back{font-size:11px;border:1px solid #d4dde4;padding:8px 12px;border-radius:6px;color:#40596d}.custom-title .preview-badge{display:none}@media(max-width:760px){.white-coast.custom-title .night-hero h1{font-size:calc(var(--title-size)*.67);letter-spacing:var(--title-space)}.type-back{font-size:9px;padding:6px 8px;white-space:nowrap}.custom-title header{gap:8px}.custom-title .brand>span{font-size:11px}}@media(max-width:360px){.white-coast.custom-title .night-hero h1{font-size:calc(var(--title-size)*.57)}}
.white-coast.custom-title .night-term,.white-coast.custom-title .night-intro,.white-coast.custom-title .night-scroll{font-family:'xp-wenkai',serif;font-weight:400;font-synthesis:none}.white-coast.custom-title .night-term{font-size:22px;letter-spacing:.12em;line-height:1.6}.white-coast.custom-title .night-intro{font-size:22px;line-height:1.9;letter-spacing:.03em}.white-coast.custom-title .night-scroll{font-size:18px;letter-spacing:.06em;line-height:1.6}.white-coast.custom-title .night-hero{height:auto;min-height:690px;padding-top:48px;padding-bottom:88px}.white-coast.custom-title .sky-scene{height:740px}.white-coast.custom-title .sky-art{background-size:100% 760px}
@media(max-width:760px){.white-coast.custom-title .night-term{font-size:18px;letter-spacing:.08em;margin-bottom:20px}.white-coast.custom-title .night-intro{font-size:15px;letter-spacing:.01em;line-height:1.9;max-width:100%;text-wrap:balance}.white-coast.custom-title .night-scroll{font-size:15px;letter-spacing:.03em}.white-coast.custom-title .night-hero{min-height:650px;height:auto;padding:36px 8px 72px}.white-coast.custom-title .sky-scene{height:710px}.white-coast.custom-title .sky-art{background-size:auto 710px;background-position:60% top}}
@media(max-width:360px){.white-coast.custom-title .night-term{font-size:16px}.white-coast.custom-title .night-intro{font-size:13px}.white-coast.custom-title .night-scroll{font-size:14px}}