html,body{scroll-behavior:auto!important;height:100%;margin:0;overflow:hidden}#fullpage{position:relative;width:100%;will-change:transform}#fullpage>.section{position:relative;box-sizing:border-box;height:var(--section-height,100vh)!important;min-height:0!important;max-height:var(--section-height,100vh);overflow:hidden}
#to-profile{display:none!important}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap}
#contact-character{position:absolute;left:-5%;bottom:0;width:77%;height:100%;z-index:2;pointer-events:none}#contact-model-status{position:absolute;left:5%;bottom:8%;font-size:12px;color:#8b7358}.contact-art>.bone-overlay{display:none}
#fullpage .scanner .profile-results{max-height:56vh}.contents-art{top:18%!important;height:65%!important}.contents-art>span{display:block!important;font:150px LunaHand,cursive;color:#fff4d9}
#fullpage .library{display:flex;flex-direction:column;padding-top:16px;padding-bottom:14px}.library-header,.library-footer,.book-bottom,.book-chapters{flex-shrink:0}
#fullpage .book-stage{flex:1;min-height:0;width:100%;height:auto;margin-top:0;margin-bottom:0}
#fullpage .portfolio-book{height:min(540px,59vh);width:min(940px,82vw)}#fullpage .book-open-prompt{bottom:2%}
#fullpage .book-chapters{height:76px;margin-top:8px;margin-bottom:0}#fullpage .library-footer{margin-top:0}
#fullpage .scanner{display:flex;flex-direction:column;padding-top:20px;padding-bottom:16px}
#fullpage .scan-layout{flex:1;min-height:0;width:100%;margin:12px auto;overflow:hidden}
#fullpage .scan-machine{height:min(710px,79vh)}#fullpage .profile-results{max-height:33vh;overflow-y:auto;overscroll-behavior:contain}
#fullpage .scan-information{max-height:100%}#fullpage .scan-intro{margin-bottom:12px}
.contact-page{position:relative;background:radial-gradient(ellipse at 62% 38%,#f5eddf,#eee3d2);color:#191c2a;padding:7vh 7vw 25px;display:flex;flex-direction:column;font-family:Arial,'Microsoft YaHei',sans-serif}
.contact-layout{display:grid;grid-template-columns:42% 58%;align-items:center;flex:1;min-height:0;width:min(1320px,100%);margin:0 auto}
.contact-copy{position:relative;z-index:2}.contact-kicker{color:#d78343;font:20px LunaHand,cursive;margin:0 0 12px}.contact-copy h2{font-size:clamp(42px,5vw,76px);line-height:1.05;letter-spacing:-3px;margin:0 0 30px;font-weight:650}
#contact-form{padding:10px;border-radius:17px;background:#fffc;max-width:470px;box-shadow:0 15px 50px #8a735008}
#contact-form label{display:block;position:relative;margin-bottom:8px;background:#f4f3f0;border-radius:9px;padding:10px 14px 5px}
#contact-form label>span{display:block;font-size:10px;color:#8d8a81;margin-bottom:3px}
#contact-form input,#contact-form textarea{box-sizing:border-box;width:100%;border:0;background:none;outline:none;font:14px/1.6 Arial,sans-serif;color:#373329;padding:1px 0 5px}
#contact-form label:focus-within{box-shadow:0 0 0 2px #dba570}#contact-form textarea{height:clamp(95px,20vh,210px);resize:none}
#contact-form input::placeholder,#contact-form textarea::placeholder{color:#aaa79f;font:18px LunaHand,cursive}
.contact-form-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 5px}.contact-form-bottom>span{font:17px LunaHand,cursive;color:#8f8b80}
.contact-form-bottom button{border:0;background:#ee924e;color:white;border-radius:8px;padding:10px 20px;font:19px LunaHand,cursive;cursor:pointer;white-space:nowrap}.contact-form-bottom button:hover{background:#dd803c}
#contact-status{font:10px/1.5 Arial,sans-serif;color:#9b9283;margin:5px 5px 0;min-height:15px}
.contact-art{position:relative;height:min(660px,77vh);isolation:isolate}
.contact-art:after{content:'';position:absolute;bottom:1%;left:0;right:-10%;height:15%;background:linear-gradient(transparent,#eee3d2);z-index:5;pointer-events:none}
.contact-art>img{position:absolute;height:94%;width:auto;max-width:90%;object-fit:contain;bottom:0;left:0;z-index:2;filter:drop-shadow(10px 18px 15px #735c3f19)}
.parcel{position:absolute;background:linear-gradient(115deg,#d9c3a4,#c3aa88);border-radius:3px;box-shadow:12px 17px 20px #78674718;transform:skewY(3deg);color:#9b8263}
.parcel:before{content:'';position:absolute;top:-20px;left:0;width:100%;height:21px;background:#e7d7bc;clip-path:polygon(12% 0,90% 0,100% 100%,0 100%)}
.parcel:after{content:'';position:absolute;right:0;top:0;bottom:0;width:15%;background:#a68d6d3b}.parcel i{position:absolute;left:45%;top:0;width:13%;height:100%;background:#efe0bc88}.parcel span{position:absolute;left:8%;bottom:15%;font:9px/1.6 monospace;letter-spacing:1px}
.parcel-back{width:29%;height:20%;right:3%;bottom:39%;transform:rotate(3deg)}.parcel-mid{width:40%;height:24%;right:0;bottom:15%}.parcel-front{width:26%;height:17%;right:-8%;bottom:3%;z-index:3;transform:rotate(-5deg)}
.contact-note{position:absolute;right:1%;top:10%;font:25px/1.05 LunaHand,cursive;color:#a18767;transform:rotate(7deg)}
.contact-footer{display:flex;justify-content:center;align-items:center;gap:32px;font:10px/1.5 Arial,sans-serif;color:#968875;padding-top:12px}.contact-footer a{color:inherit}
.contact-page.active .contact-copy,.contact-page.active .contact-art{animation:contact-reveal .8s ease-in-out both}@keyframes contact-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-height:760px) and (min-width:761px){#fullpage .paper{padding:18px 32px}#fullpage .paper h3{font-size:38px;margin-top:16px}#fullpage .book-toc button{padding:8px 0}#fullpage .work-placeholder{margin-top:22px;min-height:90px}#fullpage .scan-kicker{display:none}#fullpage .scanner h2{font-size:32px;margin:10px 0}.contact-copy h2{margin-bottom:18px}}
@media(max-width:760px){.contact-page{padding:4vh 7vw 16px}.contact-layout{grid-template-columns:1fr;align-content:center;gap:0}.contact-copy{width:100%}.contact-copy h2{font-size:44px;letter-spacing:-2px;margin-bottom:16px}.contact-kicker{margin-bottom:5px}.contact-art{height:25vh;width:80%;margin:10px auto 0;grid-row:2}.contact-art>img{left:12%;height:110%}.contact-note{font-size:20px;right:0}.contact-footer{gap:14px;flex-wrap:wrap;font-size:8px}.contact-form-bottom>span{font-size:14px}#contact-form textarea{height:90px}#fullpage .scan-layout{grid-template-columns:1fr 1fr;gap:8px}#fullpage .scan-information{padding:0}#fullpage .scanner h2{font-size:23px;letter-spacing:-.5px}#fullpage .scan-intro,#fullpage .scan-kicker{display:none}#fullpage .scan-machine{height:65vh}#fullpage .identity-card{padding:8px;gap:2px}#fullpage .identity-card>img{display:none}#fullpage .identity-card h3{font-size:21px}#fullpage .profile-results{max-height:44vh}#fullpage .scan-card{padding:10px}#fullpage .portfolio-book[data-open=false]{width:155vw;max-width:650px}#fullpage .portfolio-book[data-open=true]{width:90vw}#fullpage .paper{padding:15px}#fullpage .paper h3{font-size:28px;margin:20px 0}#fullpage .library-header{height:44px}#fullpage .book-stage{min-height:0}#fullpage .book-toc button{font-size:15px}#fullpage .book-chapters{margin-top:0}.contact-form-bottom button{padding:8px 14px}}
@media(prefers-reduced-motion:reduce){.contact-page.active .contact-copy,.contact-page.active .contact-art{animation:none}}
@media(max-width:760px){.contact-footer{padding-bottom:22px}.contact-art .contact-note{top:-3%;right:-7%;width:46%;text-align:right;font-size:18px}}
.contact-page{background:radial-gradient(ellipse at 50% 45%,#fffdf1 0,#fff9dc 58%,#f8edc9 100%)}.contact-art:after{background:linear-gradient(transparent,#fff9dc)}
.music-toggle{position:fixed;right:22px;bottom:42px;z-index:150;display:flex;align-items:center;gap:7px;border:1px solid #bfa66c35;border-radius:30px;background:#fffbeddf;color:#927746;padding:9px 13px;box-shadow:0 3px 15px #7360380b;cursor:pointer;font:12px 'KaiTi',serif;backdrop-filter:blur(8px)}.music-toggle>span:first-child{font-size:21px;line-height:1}.music-toggle[data-playing=true]{color:#b47635}.music-toggle:focus-visible{outline:2px solid #b47635;outline-offset:3px}@media(max-width:760px){.music-toggle{right:12px;bottom:42px;padding:8px 10px}.music-label{font-size:11px}}