.hcbf{pointer-events:none;position:absolute;inset:0}.hcbf-band{z-index:-1;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.hcbf-slips{pointer-events:none;position:absolute;bottom:0;left:0;overflow:visible}.hcbf-numeral{font-family:var(--font-serif);letter-spacing:0;font-weight:600}
.hcb-thread{z-index:-1;pointer-events:none;--knot:clamp(30px, 3.2cqi, 40px);position:absolute;inset:0 0 78px;container-type:inline-size}.hcb-thread *{pointer-events:none}.hcb-thread svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hcb-thread path{fill:none;stroke:#a8392e;stroke-linecap:round;stroke-linejoin:round}.hcb-thread-lead{height:2.4%;width:calc(5% - var(--knot) * .42);position:absolute;top:12.6%}.hcb-thread-lead--a{left:45%}.hcb-thread-lead--b{left:calc(50% + var(--knot) * .42)}.hcb-thread-lead path{stroke-width:2px}.hcb-thread-lead i{background:#033;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:0}.hcb-thread-lead--a i{left:0}.hcb-thread-lead--b i{left:100%}.hcb-thread-lead svg,.hcb-thread-lead i{opacity:0;transition:opacity .35s,clip-path 0s linear .35s}.hcb-thread-lead--a svg{clip-path:inset(-6px 100% -6px -6px)}.hcb-thread-lead--b svg{clip-path:inset(-6px -6px -6px 100%)}.hcb-thread[data-a=true] .hcb-thread-lead--a :is(svg,i),.hcb-thread[data-b=true] .hcb-thread-lead--b :is(svg,i){opacity:1;clip-path:inset(-6px);transition:opacity .12s,clip-path .55s cubic-bezier(.5,0,.3,1)}.hcb-thread-knot{left:calc(50% - var(--knot) / 2);top:calc(15% - var(--knot) * .525);width:var(--knot);height:var(--knot);position:absolute}.hcb-thread-knot svg{display:block;position:static}.hcb-thread-knot path{stroke-width:2.1px}.hcb-thread-knot .hcb-thread-knot-body{fill:#033}.hcb-thread-knot{opacity:0;transition:opacity .35s,transform 0s linear .35s;transform:scale(1.4)}.hcb-thread[data-bound=true] .hcb-thread-knot{opacity:1;transition:opacity .2s .4s,transform .45s cubic-bezier(.2,.8,.3,1) .4s;transform:none}.hcb-thread-tails{width:calc(.36% + 7px);left:calc(49.82% - 3.5px);top:calc(15% + var(--knot) * .175);height:calc(5.35% - var(--knot) * .175);position:absolute}.hcb-thread-tails path{stroke-width:1.5px}.hcb-thread-tails svg{opacity:0;clip-path:inset(-3px -3px 100%);transition:opacity .35s,clip-path 0s linear .35s}.hcb-thread[data-bound=true] .hcb-thread-tails svg{opacity:1;clip-path:inset(-3px);transition:opacity .12s .45s,clip-path .5s cubic-bezier(.45,.05,.4,1) .45s}.hcb-thread-wrap{width:calc(.34% + 5px);height:1.25%;position:absolute;left:calc(49.83% - 2.5px)}.hcb-thread-wrap--x1{top:40.275%}.hcb-thread-wrap--x2{top:59.275%}.hcb-thread-wrap path{stroke-width:1.5px}.hcb-thread-wrap{opacity:0;transition:opacity .35s,transform 0s linear .35s;transform:scale(1.35)}.hcb-thread[data-bound=true] .hcb-thread-wrap{opacity:1;transition:opacity .2s .45s,transform .45s cubic-bezier(.2,.8,.3,1) .45s;transform:none}.hcb-thread[data-still] *{transition:none!important}@media (prefers-reduced-motion:reduce){.hcb-thread *{transition:none!important}}
.hcb-page{--hcb-ink:#004d4d;--hcb-muted:#53665b;--hcb-paper:beige;--hcb-gold:#947020;--hcb-rule:#b7aa72;--hcb-red:#9c3d54;isolation:isolate;min-height:1050px;color:var(--hcb-ink);font-family:var(--font-serif);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-color:#b7aa72 beige;background:#033;position:relative;overflow:clip}.hcb-page *,.hcb-page :before,.hcb-page :after{box-sizing:border-box}.hcb-page ::selection{color:#033;background:#d8c784}.hcb-page :is(input,textarea){caret-color:var(--hcb-red)}.hcb-page :is(input,textarea)::placeholder{color:#677364;opacity:1}.hcb-page :is(a,button,input,select,textarea):focus-visible{outline-offset:3px;outline:2px solid #987224}.hcb-page :is(button,label,select){-webkit-tap-highlight-color:transparent}.hcb-page button:not(:disabled),.hcb-page select,.hcb-page .hcb-relation label,.hcb-page .hcb-gender label{cursor:pointer}.hcb-page button:disabled{opacity:.62;cursor:wait}.hcb-page select option{color:#004d4d;background:beige}.hcb-landscape{z-index:-1;background:#033 url(/hecan-hepan/huacai/landscape.webp) top/max(100%,1374px) no-repeat;position:absolute;inset:0}.hcb-heading{text-align:center;padding:32px 20px 0}.hcb-heading h1{white-space:nowrap;margin:0;font-size:clamp(40px,5.1vw,70px);font-weight:400;line-height:1.03}.hcb-subtitle{letter-spacing:.24em;margin-top:6px;font-size:19px}.hcb-progress{justify-content:center;align-items:center;gap:91px;margin:17px auto 0;display:flex}.hcb-progress>span{text-align:left;color:#53665b;align-items:center;gap:12px;display:flex;position:relative}.hcb-progress>span:not(:last-child):after{content:"";background:#b7aa72;width:48px;height:1px;position:absolute;top:17px;right:-71px}.hcb-progress b{color:#fff6d3;background:#a68536;border-radius:50%;place-items:center;width:32px;height:32px;font-size:16px;font-weight:400;display:grid}.hcb-progress>span[aria-current]{color:#72541a}.hcb-progress>span>span{letter-spacing:.12em;font-size:18px}.hcb-progress small{letter-spacing:.08em;font-size:11px;line-height:1.7;display:block}.hcb-intake{max-width:1368px;margin:0 auto;padding:0 28px 40px}.hcb-relation{background:#f0efd3;border:1px solid #bdb889;border-radius:28px;gap:4px;width:fit-content;max-width:100%;margin:12px auto 4px;padding:4px;display:flex}.hcb-relation label{position:relative}.hcb-relation input,.hcb-gender input{opacity:0;width:1px;height:1px;position:absolute}.hcb-relation label>span{color:#28534a;border-radius:22px;place-items:center;width:91px;min-height:33px;padding:4px 16px;font-size:14px;transition:background .2s,color .2s,box-shadow .2s;display:grid}.hcb-relation input:checked+span{color:#ead590;background:#004d4d;box-shadow:0 2px 7px #004d4d25}.hcb-relation input:focus-visible+span,.hcb-gender input:focus-visible+span{outline-offset:3px;outline:2px solid #8b661d}.hcb-relation label:hover>span{box-shadow:inset 0 0 0 1px #a59153}.hcb-book{width:100%;max-width:1160px;min-height:686px;margin:0 auto;padding:65px 8.15% 20px;position:relative}.hcb-book-material{z-index:-1;background:url(/hecan-hepan/huacai/book-open.webp) 50%/100% 100% no-repeat;position:absolute;inset:0 0 78px;-webkit-mask:url(/hecan-hepan/huacai/book-mask.svg) 50%/100% 100% no-repeat;mask:url(/hecan-hepan/huacai/book-mask.svg) 50%/100% 100% no-repeat}.hcb-leaves{border:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:15.5%;min-width:0;margin:0;padding:0;display:grid}.hcb-person{min-width:0}.hcb-person-head{text-align:center;border-bottom:1px solid #c2b88266;margin-bottom:16px;padding:0 30px 16px;position:relative}.hcb-person-head h2{margin:0;font-size:48px;font-weight:400;line-height:1.1}.hcb-person-head>p{color:#8a6922;letter-spacing:.13em;margin:7px 0 0;font-size:17px}.hcb-status-seal{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.12em;color:#fff3d6;background:#a33d34;border:3px double #a33d34;border-radius:5px;padding:7px 3px;font-size:15px;line-height:1.35;display:block;position:absolute;top:3px;right:-7px;transform:rotate(2deg);box-shadow:2px 3px 4px #70302620}.hcb-person[data-complete=true] .hcb-status-seal{animation:.32s cubic-bezier(.16,1,.3,1) hcb-imprint}@keyframes hcb-imprint{0%{filter:blur(1px);transform:rotate(-5deg)scale(1.15)}to{filter:blur();transform:rotate(2deg)scale(1)}}.hcb-person-fields{flex-direction:column;gap:14px;display:flex}.hcb-line{grid-template-columns:63px minmax(0,1fr);align-items:center;gap:12px;font-size:13px;display:grid}.hcb-name input{color:#004d4d;background:#d9ddc230;border:1px solid #b9b791;border-radius:5px;width:100%;height:39px;padding:8px 12px;font-family:inherit;font-size:13px;box-shadow:inset 0 1px 3px #706b2920}.hcb-gender{border:0;min-width:0;padding:0 0 0 75px;display:block;position:relative}.hcb-gender legend{font-size:13px;position:absolute;top:11px;left:0}.hcb-gender>div{background:#d9ddc230;border:1px solid #b9b791;border-radius:5px;gap:3px;min-height:39px;padding:3px;display:flex}.hcb-gender label{flex:1;position:relative}.hcb-gender label span{color:#4c6559;border-radius:3px;place-items:center;height:31px;font-size:12px;transition:color .2s,background .2s;display:grid}.hcb-gender input:checked+span{color:#edd78f;background:#004d4d;box-shadow:0 2px 4px #00333325}.hcb-birth>div>div:first-child{margin-bottom:10px}.hcb-birth>div>div:first-child>label{color:#004d4d;letter-spacing:0;font-size:13px}.hcb-birth>div>div:first-child>div{gap:4px}.hcb-birth>div>div:first-child>div>div{background:#d9ddc230;border-color:#b9b791;border-radius:5px;padding:3px}.hcb-birth button{border-radius:3px;min-width:63px;min-height:29px;font-family:inherit;font-size:12px}.hcb-birth>div>.grid{grid-template-columns:1fr .8fr .8fr 1.35fr;gap:7px}.hcb-birth>div>.grid>div{background:#d9ddc230;border-color:#b9b791;border-radius:5px;padding:8px 4px 6px;box-shadow:inset 0 1px 3px #706b2914}.hcb-birth>div>.grid>div:last-child{grid-column:auto}.hcb-birth>div>.grid>div>span{color:#4d6356;font-size:11px;line-height:1.2}.hcb-birth :is(select,input){color:#004d4d;min-height:28px;font-family:inherit;font-size:14px}.hcb-birth input[type=time]{width:100%;font-family:var(--font-sans);font-size:13px}.hcb-birth>div>div:last-child{color:#53665b;background:0 0;min-height:24px;margin-top:7px;padding:0;font-size:11px}.hcb-birth>div>div:last-child span{color:#53665b}.hcb-birth svg{color:#707c63;width:11px}.hcb-location-label{color:#004d4d;font-size:13px}.hcb-location>div>div:first-child{margin-bottom:10px}.hcb-location>div>div:first-child button{color:#53665b;min-height:24px;font-size:11px}.hcb-location>div>.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.hcb-location>div>.grid>div{background:#d9ddc230;border-color:#b9b791;border-radius:5px;padding:7px 5px;box-shadow:inset 0 1px 3px #706b2914}.hcb-location select{min-height:25px;padding-right:8px;font-family:inherit;font-size:12px}.hcb-location svg{color:#707c63;width:11px;right:5px}.hcb-profile{min-height:35px}.hcb-profile>div>button:first-child{color:#004d4d;text-underline-offset:5px;background:0 0;border:0;border-radius:3px;min-height:35px;padding:4px 0;font-family:inherit;font-size:13px;text-decoration:underline}.hcb-archive-link{text-underline-offset:5px;align-items:baseline;gap:14px;padding:8px 0;font-size:13px;text-decoration:underline;display:inline-flex}.hcb-archive-link span{color:#66705b;font-size:11px;text-decoration:none}.hcb-profile-notice{color:#6d5732;font-size:12px}.hcb-spine{z-index:1;pointer-events:none;position:absolute;inset:0 0 78px}.hcb-spine span{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.18em;color:#173e36;font-size:clamp(19px,1.8vw,25px);line-height:1.3;position:absolute;left:50%;transform:translate(-50%,-50%)}.hcb-spine span:first-child{top:31.55%}.hcb-spine span:nth-child(2){top:50.55%}.hcb-spine span:nth-child(3){top:69.7%}.hcb-margin-note{writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.35em;color:#e8cd77;font-size:18px;position:absolute;top:23%}.hcb-margin-note--left{left:-18px}.hcb-margin-note--right{top:34%;right:-18px}.hcb-book-footer{grid-template-columns:minmax(0,1fr) 290px;align-items:center;gap:23px;min-height:210px;margin:16px -6% 0;padding:26px 40px 106px;display:grid;position:relative}.hcb-question{grid-template-columns:126px minmax(0,1fr);align-items:center;gap:12px;display:grid}.hcb-question>span{white-space:nowrap;font-size:15px}.hcb-question small{color:#65705d;margin-top:3px;font-size:11px;display:block}.hcb-question textarea{resize:vertical;background:#dedfc330;border:1px solid #b9b791;border-radius:5px;width:100%;height:52px;min-height:52px;max-height:140px;padding:8px 12px;font-family:inherit;font-size:13px;line-height:1.6}.hcb-submit{color:#fff4df;letter-spacing:.14em;background:#9c3d54;border:1px solid #a95b6c;border-radius:8px;justify-content:center;align-items:center;gap:30px;width:100%;min-height:51px;font-family:inherit;font-size:18px;transition:background .2s,box-shadow .2s,transform .2s;display:flex;box-shadow:0 7px 16px #80304936,inset 0 1px #ffffff26}.hcb-submit:hover:not(:disabled){background:#873248;transform:translateY(-1px);box-shadow:0 9px 18px #80304942}.hcb-submit:active:not(:disabled){transform:translateY(1px)}.hcb-submit-area p{text-align:center;color:#6d4b4c;margin-top:6px;font-size:11px;line-height:1.5}.hcb-form-error{color:#8c263c;background:#fff3df;border-radius:4px;grid-column:1/-1;margin:0;padding:10px 14px;font-size:13px}.hcb-message{background:beige;width:min(90%,850px);margin:20px auto;padding:16px;font-size:13px}.hcb-message :is(a,button){text-underline-offset:4px;min-height:32px;margin-left:14px;text-decoration:underline;display:inline-block}.hcb-preparing{text-align:center;min-height:380px;padding-top:90px}.hcb-footnote{text-align:center;color:#ecdfb7;margin-top:5px;font-size:12px}@media (min-width:1500px){.hcb-landscape{background-size:100%}.hcb-heading{padding-top:48px}}@media (max-width:1050px) and (min-width:761px){.hcb-intake{padding-inline:20px}.hcb-book{padding:58px 7.5% 28px}.hcb-leaves{gap:14.5%}.hcb-person-head{padding-inline:12px}.hcb-person-head h2{font-size:40px}.hcb-line{grid-template-columns:49px minmax(0,1fr);gap:8px}.hcb-gender{padding-left:57px}.hcb-birth>div>.grid{grid-template-columns:1fr 1fr 1fr}.hcb-birth>div>.grid>div:last-child{grid-column:1/-1}.hcb-birth input[type=time]{max-width:140px}.hcb-book-footer{grid-template-columns:minmax(0,1fr) 235px;gap:18px}.hcb-question{grid-template-columns:1fr;gap:6px}.hcb-question small{margin-left:10px;display:inline}.hcb-margin-note{display:none}}@media (prefers-reduced-motion:reduce){.hcb-page *,.hcb-page :before,.hcb-page :after{transition-duration:.01ms!important;animation:none!important}}