.c04-host{color-scheme:dark;font-family:Arial,"Noto Sans CJK SC","Microsoft YaHei",sans-serif;color:#eeeede;background:#1e1f20;font-synthesis:none}
.c04-host *{box-sizing:border-box}
.c04-host{margin:0;min-width:320px}
.c04-host button,.c04-host a{-webkit-tap-highlight-color:transparent}
.c04-host button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
.c04-host a{color:inherit;text-decoration:none}
.c04-host button:focus-visible,.c04-host a:focus-visible{outline:1px solid #eeeede;outline-offset:7px}
.c04-host ::selection{background:#d8d0ba;color:#202122}
.c04-host .c04-contact-page{position:relative;min-height:720px;height:100svh;overflow:hidden;isolation:isolate;background:#1e1f20}
.c04-host .c04-ambient{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 64% 38%,#3d3e3f65 0%,#25262740 43%,transparent 70%),radial-gradient(ellipse at 24% 78%,#15161770,transparent 68%),linear-gradient(112deg,#1b1c1d,#232425 70%,#202122)}
.c04-host #c04-scene{position:absolute;inset:0;width:100%;height:100%;display:block;outline:0;touch-action:pan-y;opacity:0;transition:opacity 1.3s ease}
.c04-host.c04-is-ready #c04-scene{opacity:1}
.c04-host .c04-grain{pointer-events:none;position:absolute;inset:0;z-index:3;opacity:.036;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.c04-w3.c04-org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.c04-host .c04-page-header{position:absolute;z-index:4;top:37px;left:4.8%;right:4.8%;display:flex;justify-content:space-between;align-items:center;pointer-events:none}
.c04-host .c04-brand{display:flex;gap:13px;align-items:center}
.c04-host .c04-brand img{width:29px;height:29px}
.c04-host .c04-brand>span{font-size:14px;letter-spacing:.15em}
.c04-host .c04-brand small{display:block;font-size:8px;letter-spacing:.13em;color:#aeb0ac;margin-top:7px}
.c04-host .c04-chapter{display:flex;align-items:center;gap:22px;font-size:11px;letter-spacing:.12em}
.c04-host .c04-chapter i{font-family:Georgia,serif;font-size:15px;font-style:normal;color:#959997}
.c04-host .c04-chapter-en{font-size:9px;color:#a4a7a4;letter-spacing:.1em}
.c04-host .c04-intro{pointer-events:none;position:absolute;z-index:2;top:17%;left:7.2%;transition:opacity 1.2s,transform 1.2s;opacity:0;transform:translateY(10px)}
.c04-host.c04-is-ready .c04-intro,.c04-host.c04-has-error .c04-intro{opacity:1;transform:none}
.c04-host .c04-eyebrow{font-size:8px;letter-spacing:.14em;color:#8f9390;display:flex;align-items:center;gap:10px;margin:0 0 17px}
.c04-host .c04-eyebrow>span{height:3px;width:3px;background:#d6d2c5;border-radius:50%}
.c04-host h1{font-family:"Noto Serif CJK SC","Songti SC",SimSun,serif;font-weight:400;font-size:clamp(22px,2.25vw,36px);line-height:1.65;letter-spacing:.055em;margin:0;color:#dfdfd3}
.c04-host .c04-scene-hint{position:absolute;bottom:11%;left:50%;transform:translateX(-50%);pointer-events:none;display:flex;gap:10px;align-items:center;font-size:10px;letter-spacing:.08em;color:#9c9e98;white-space:nowrap;opacity:0;transition:opacity .7s}
.c04-host.c04-is-ready .c04-scene-hint{opacity:.85}
.c04-host .c04-hint-symbol{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid #eeeede25;border-radius:50%;font-size:13px;color:#d7d7ca}
.c04-host .c04-page-footer{position:absolute;left:4.8%;right:4.8%;bottom:32px;display:flex;justify-content:space-between;align-items:flex-end;z-index:5;pointer-events:none}
.c04-host .c04-footer-company{color:#aaaDA6;font-size:10px;letter-spacing:.065em}
.c04-host .c04-footer-company small{display:block;font:8px/1.3 monospace;letter-spacing:.08em;color:#767c77;margin-top:10px}
.c04-host .c04-footer-dot{padding:0 10px}
.c04-host .c04-footer-actions{display:flex;align-items:center;gap:28px;pointer-events:auto}
.c04-host .c04-contact-button{font-size:11px;letter-spacing:.08em;padding:10px 0;border-bottom:1px solid #eeeede40;display:flex;gap:35px;align-items:center;transition:color .3s}
.c04-host .c04-contact-button>span{font-size:19px;transition:transform .3s}
.c04-host .c04-contact-button:hover>span{transform:translate(3px,-3px)}
.c04-host #c04-motion-toggle{width:62px;display:flex;gap:9px;align-items:center;font-size:10px;color:#a6aaa5;padding:12px 0}
.c04-host .c04-pause-icon{display:inline-block;width:7px;height:9px;border-left:2px solid currentColor;border-right:2px solid currentColor}
.c04-host #c04-motion-toggle[aria-pressed=true] .c04-pause-icon{border:0;width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid currentColor}
.c04-host .c04-loading{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:12px;font-size:11px;color:#b4b8ad;letter-spacing:.1em;transition:opacity .3s}
.c04-host .c04-loading>span{width:5px;height:5px;background:#d4ceb9;border-radius:50%;animation:c04-loading 1s alternate infinite}
.c04-host.c04-is-ready .c04-loading,.c04-host.c04-has-error .c04-loading{opacity:0;pointer-events:none}
.c04-host .c04-fallback{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);text-align:center;width:90%}
.c04-host .c04-fallback p{font:italic 66px Georgia,serif;margin:20px}
.c04-host .c04-fallback a{font:clamp(20px,4vw,36px) Georgia,serif;border-bottom:1px solid #eeeede55;padding-bottom:12px}
.c04-host.c04-has-error .c04-scene-hint{display:none}
.c04-host .c04-skip-link{position:fixed;z-index:20;top:-100px;left:20px;padding:12px;background:#eeeede;color:#202122}
.c04-host .c04-skip-link:focus{top:18px}
.c04-host dialog{color-scheme:light;color:#252824;background:transparent;border:0;border-radius:28px;padding:0;max-width:640px;width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;perspective:1200px;isolation:isolate}
.c04-host .c04-letter-paper{position:relative;z-index:2;background:#e9e9df;border:1px solid #f6f5eb99;border-radius:28px;padding:30px 38px 26px;box-shadow:0 32px 100px #0005}
.c04-host dialog::backdrop{background:#101112b8;backdrop-filter:blur(12px)}
.c04-host dialog[open]{animation:c04-dialog-in .35s ease both}
.c04-host dialog[open] .c04-letter-paper{animation:c04-letter-rise 1.85s cubic-bezier(.22,.7,.25,1) both}
.c04-host .c04-dialog-top{display:flex;align-items:center;justify-content:space-between}
.c04-host .c04-dialog-brand{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.1em}
.c04-host .c04-dialog-brand img{width:30px;height:30px;object-fit:contain;mix-blend-mode:multiply}
.c04-host .c04-close-button{display:grid;place-items:center;font:26px/1 Arial;width:40px;height:40px;border:1px solid #25282426;border-radius:50%;color:#41483e;padding:0;transition:background .2s,transform .2s}
.c04-host .c04-close-button:hover{background:#d9dbd1;transform:rotate(90deg)}
.c04-host .c04-dialog-intro{padding:34px 0 28px}
.c04-host .c04-dialog-display{font-family:var(--brand-display,C03Parafina,Arial,sans-serif);font-weight:700;font-size:clamp(58px,9vw,102px);line-height:.95;letter-spacing:-.055em;word-spacing:.04em;margin:0 0 22px;color:#252824}
.c04-host #c04-dialog-title{font:400 30px/1.5 "Noto Serif CJK SC","Songti SC",SimSun,serif;letter-spacing:.015em;margin:0;text-wrap:balance}
.c04-host .c04-dialog-copy{font-size:12px;line-height:1.9;color:#6a7166;margin:13px 0 0}
.c04-host .c04-email-link{position:relative;width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #25282416;border-radius:18px;background:#dfe1d6;padding:20px 22px;transition:background .2s}
.c04-host .c04-email-content{min-width:0;display:grid;gap:8px}
.c04-host .c04-email-content small{font:10px/1.4 Arial,"Microsoft YaHei",sans-serif;letter-spacing:.1em;color:#69715f}
.c04-host .c04-email-content>span{font:500 clamp(18px,3.8vw,27px)/1.3 Arial,sans-serif;letter-spacing:-.035em;overflow-wrap:anywhere}
.c04-host .c04-email-arrow{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#30392e;color:#eeeee3;font:27px/1 Arial;transition:transform .2s}
.c04-host .c04-email-link:hover{background:#d5d9cb}
.c04-host .c04-email-link:hover .c04-email-arrow{transform:translate(2px,-2px)}
.c04-host .c04-dialog-company{border-top:1px solid #2528241c;padding-top:18px;font-size:9px;line-height:1.6;color:#717869;margin:30px 0 0;display:flex;justify-content:space-between;gap:15px}
.c04-host .c04-dialog-company>span:last-child{white-space:nowrap}
.c04-host dialog button:focus-visible,.c04-host dialog a:focus-visible{outline:2px solid #555f4e;outline-offset:4px}
.c04-host .c04-noscript-contact{position:fixed;inset:auto 20px 100px;z-index:20;background:#1e1f20;padding:30px;text-align:center}
.c04-host .c04-noscript-contact a{text-decoration:underline}
@keyframes c04-loading{to{opacity:.25;transform:scale(.7)}}
@keyframes c04-dialog-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
.c04-host.c04-is-paused .c04-loading>span{animation-play-state:paused!important}
@media(min-width:1700px){.c04-host .c04-intro{top:18%;left:8%}
.c04-host .c04-page-header{top:45px}
.c04-host .c04-page-footer{bottom:40px}
.c04-host .c04-scene-hint{bottom:11%}}
@media(max-height:760px) and (min-width:761px){.c04-host .c04-contact-page{min-height:600px}
.c04-host .c04-page-header{top:25px}
.c04-host .c04-intro{top:16%}
.c04-host h1{font-size:27px}
.c04-host .c04-page-footer{bottom:23px}
.c04-host .c04-scene-hint{bottom:13%}}
@media(max-width:760px){.c04-host .c04-contact-page{min-height:740px;max-height:1100px}
.c04-host .c04-page-header{top:28px;left:7%;right:7%}
.c04-host .c04-brand{gap:10px}
.c04-host .c04-brand>span{font-size:12px}
.c04-host .c04-brand img{width:25px;height:25px}
.c04-host .c04-brand small{font-size:7px}
.c04-host .c04-chapter{gap:13px;font-size:10px}
.c04-host .c04-chapter-en{display:none}
.c04-host .c04-intro{top:15%;left:8%}
.c04-host h1{font-size:27px;line-height:1.6}
.c04-host .c04-eyebrow{font-size:6px;letter-spacing:.1em;margin-bottom:12px}
.c04-host .c04-scene-hint{bottom:18%;font-size:9px}
.c04-host .c04-page-footer{left:7%;right:7%;bottom:26px;align-items:flex-end}
.c04-host .c04-footer-company{font-size:8px;letter-spacing:0;max-width:180px}
.c04-host .c04-footer-company small{font-size:7px;line-height:1.7;max-width:140px;margin-top:8px}
.c04-host .c04-footer-dot{padding:0 5px}
.c04-host .c04-footer-actions{gap:20px}
.c04-host .c04-contact-button{font-size:10px;gap:12px}
.c04-host .c04-motion-label{display:none}
.c04-host #c04-motion-toggle{width:16px;padding:12px 3px}
.c04-host .c04-page-footer time{white-space:nowrap}
.c04-host dialog{border-radius:23px}
.c04-host .c04-letter-paper{padding:22px;border-radius:23px}
.c04-host .c04-dialog-intro{padding:26px 0 24px}
.c04-host #c04-dialog-title{font-size:23px}
.c04-host .c04-email-link{padding:17px 15px;gap:10px}
.c04-host .c04-email-arrow{width:34px;height:34px;font-size:23px}
.c04-host h2{font-size:35px}
.c04-host .c04-email-link{font-size:25px}
.c04-host .c04-dialog-copy{font-size:11px}
.c04-host .c04-dialog-actions{gap:18px}
.c04-host .c04-dialog-company{font-size:8px}}
@media(prefers-reduced-motion:reduce){.c04-host *{animation:none!important;transition:none!important}}
@media(min-width:761px){.c04-host .c04-intro{top:23%;left:6.4%}
.c04-host h1{font-size:clamp(25px,2.1vw,34px);line-height:1.62}
.c04-host .c04-eyebrow{font-size:7px;letter-spacing:.12em;margin-bottom:14px}
.c04-host .c04-scene-hint{bottom:11.5%}}
@media(min-width:761px) and (max-aspect-ratio:7/5){.c04-host .c04-intro{top:20%;left:6.4%}}
@media(max-width:760px){.c04-host .c04-intro{top:14%;left:8%}
.c04-host h1{font-size:25px}}
.c04-host{position:relative;isolation:isolate}.c04-host #c04-scene:focus-visible{outline:1px solid #eeeede;outline-offset:-6px}
body.c04-dialog-open{overflow:hidden}

/* The closing scene shares the continuous backdrop with the team and cards. */
.c04-host{background:transparent;margin-top:-4svh}
.c04-host .c04-contact-page{background:transparent;height:66svh;min-height:420px;max-height:none}
@media(max-width:760px){
  .c04-host{margin-top:-6svh}
  .c04-host .c04-contact-page{height:54svh;min-height:390px}
}
@media(max-height:520px) and (min-width:761px){
  .c04-host{margin-top:0}
  .c04-host .c04-contact-page{height:82svh;min-height:320px}
}
@media(prefers-reduced-motion:reduce){.c04-host{margin-top:0}}

@media(min-width:761px) and (max-aspect-ratio:1/1){.c04-host .c04-contact-page{height:44svh;min-height:440px}}

/* A brief envelope opening gives the contact card a physical arrival. */
.c04-host .c04-letter-envelope{position:absolute;z-index:1;inset:34% 0 0;border-radius:24px;background:#b6bbae;pointer-events:none;perspective:1000px;opacity:0}
.c04-host .c04-envelope-flap{position:absolute;z-index:4;inset:0 0 auto;height:50%;transform-origin:50% 0;background:linear-gradient(160deg,#e5e5d9,#cdd0c2);clip-path:polygon(0 0,100% 0,50% 100%);backface-visibility:visible}
.c04-host .c04-envelope-front{position:absolute;z-index:3;inset:0;border-radius:0 0 24px 24px;background:linear-gradient(33deg,#dbddd0 49.7%,transparent 50%) left/51% 100% no-repeat,linear-gradient(-33deg,#d6d9ca 49.7%,transparent 50%) right/51% 100% no-repeat,linear-gradient(0deg,#dee0d3 0%,#dee0d3 40%,transparent 40%);display:flex;align-items:flex-end;justify-content:center;padding:30px;color:#6a735f;font-size:10px;letter-spacing:.15em}
.c04-host dialog[open] .c04-letter-envelope{animation:c04-envelope-away 1.85s ease both}
.c04-host dialog[open] .c04-envelope-flap{animation:c04-flap-open 1.05s cubic-bezier(.3,.1,.2,1) both}
.c04-host dialog[open] .c04-envelope-front{animation:c04-front-away 1.85s ease both}
.c04-host #c04-copy-hint{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,5px);padding:8px 12px;border-radius:9px;background:#30392e;color:#f2f1e7;font:11px/1.5 Arial,"Microsoft YaHei",sans-serif;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;box-shadow:0 5px 15px #0002}
.c04-host #c04-copy-hint::after{content:"";position:absolute;top:100%;left:calc(50% - 4px);border:4px solid transparent;border-top-color:#30392e}
.c04-host .c04-email-link:is(:hover,:focus-visible,[data-copied]) #c04-copy-hint{opacity:1;transform:translate(-50%,0)}
.c04-host .c04-email-link[data-copied]{background:#d5ddc8}
.c04-host .c04-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes c04-flap-open{0%,12%{transform:rotateX(0deg)}100%{transform:rotateX(-178deg)}}
@keyframes c04-envelope-away{0%,62%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(45px)}}
@keyframes c04-front-away{0%,42%{opacity:1}80%,100%{opacity:0}}
@keyframes c04-letter-rise{0%,22%{opacity:0;transform:translateY(110px) scale(.89)}38%{opacity:1;transform:translateY(90px) scale(.92)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.c04-host .c04-letter-envelope{display:none}.c04-host dialog[open] .c04-letter-paper{animation:none}}