/* 本文件负责英文单页的排版、信封插图、响应式布局、键盘焦点与减弱动态效果。 */
@font-face{font-family:'Fays Sans';src:url('/fonts/dm-sans.woff2') format('woff2');font-display:swap;font-weight:400 700}
@font-face{font-family:'Fays Serif';src:url('/fonts/instrument-serif.woff2') format('woff2');font-display:swap;font-weight:400;font-style:normal}
:root{--paper:#f5f3ec;--ink:#252923;--muted:#777a70;--line:#d7d9ce;--accent:#d9633a;--serif:'Fays Serif','Iowan Old Style',Georgia,serif;--sans:'Fays Sans','Trebuchet MS',sans-serif;--mono:'SFMono-Regular',Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#e9a88b;color:var(--ink)}.page{max-width:1392px;margin:0 auto;padding:0 64px}.skip-link{position:fixed;top:-80px;left:20px;padding:12px;background:var(--ink);color:white;z-index:10}.skip-link:focus{top:16px}.header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;gap:13px;font-size:26px;letter-spacing:-1px;font-weight:600}.mark{display:grid;place-items:center;width:37px;height:37px;background:var(--ink);color:var(--paper);font-family:var(--serif);font-size:32px;font-weight:400;line-height:1;padding-bottom:4px}.wordmark-mail{color:var(--muted);font-size:22px;font-weight:400;letter-spacing:-.8px}.header nav{display:flex;gap:38px;align-items:center;font-size:13px;font-weight:500}.nav-connect{padding:11px 17px;border:1px solid var(--line);border-radius:3px}.nav-connect span{margin-left:22px}.header a:hover,.text-link:hover,footer>a:last-child:hover{color:var(--accent)}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:35px;min-height:716px;padding:74px 0 90px}.eyebrow{font:10px/1.5 var(--mono);letter-spacing:1.6px;margin:0 0 22px}.hero-copy .eyebrow{display:flex;align-items:center;gap:10px}.accent-line{width:21px;height:2px;background:var(--accent)}h1{font:400 clamp(100px,10vw,146px)/.88 var(--serif);letter-spacing:-5px;margin:33px 0 29px}h1 em{font-style:normal;color:var(--accent)}.hero-description{font-size:21px;line-height:1.5;letter-spacing:-.5px;margin:0 0 17px}.hero-detail{color:var(--muted);font-size:13px;line-height:1.85;margin-bottom:29px}.button{display:inline-flex;align-items:center;gap:42px;padding:17px 22px;border-radius:3px;font-size:12px;font-weight:500}.button-dark{background:var(--ink);color:var(--paper);transition:background .2s,transform .2s}.button:hover{background:#414838;transform:translateY(-2px)}.button span{font-size:18px}.access-note{font-size:10px;color:var(--muted);margin:13px 0 0}.mail-scene{height:510px;position:relative;background:radial-gradient(ellipse at 50% 45%,#e7e8dc 0%,transparent 60%);animation:arrive 1s .1s both}.scene-top,.scene-bottom{position:absolute;left:8px;right:8px;display:flex;justify-content:space-between;font:8px/1.5 var(--mono);letter-spacing:1px;color:var(--muted)}.scene-top{top:0;border-top:1px solid var(--line);padding-top:14px}.scene-bottom{bottom:0;border-bottom:1px solid var(--line);padding-bottom:14px}.route-label{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;font:8px/1.5 var(--mono);letter-spacing:1px;display:flex;gap:8px;align-items:center}.route-origin{top:53px}.route-destination{bottom:50px}.small-square{height:6px;width:6px;background:var(--ink)}.destination-dot{height:7px;width:7px;border:1px solid var(--accent);border-radius:50%}.route-line{position:absolute;left:50%;width:1px;background:repeating-linear-gradient(to bottom,var(--muted) 0 3px,transparent 3px 7px)}.route-line-top{top:81px;height:55px}.route-line-bottom{bottom:73px;height:50px}.message-sheet{position:absolute;top:123px;left:17%;width:65%;height:231px;border:1px solid #c8ccbc;background:#fafaf4;transform:rotate(-8deg);padding:20px;box-shadow:0 10px 20px #393f3110}.sheet-header{display:flex;justify-content:space-between;align-items:center}.sheet-header>span:first-child{font:28px var(--serif)}.sheet-header>span:last-child{font:6px var(--mono);letter-spacing:.8px}.sheet-rule{height:1px;background:var(--line);margin:13px 0 18px}.sheet-text{height:5px;background:#dddcd3;width:66%;margin-bottom:11px}.sheet-text.short{width:43%}.sheet-text.medium{width:55%}.sheet-seal{position:absolute;right:20px;bottom:49px;display:grid;align-content:center;text-align:center;height:52px;width:52px;border:1px solid #d4a38a;border-radius:50%;font:8px/1.5 var(--mono);letter-spacing:1px;color:#ba6747;transform:rotate(10deg)}.envelope{position:absolute;left:10%;top:238px;width:80%;height:161px;background:#d6dac7;border:1px solid #bcc4ad;box-shadow:0 28px 24px -18px #4f583329;transform:rotate(-8deg);overflow:hidden}.envelope-fold-left,.envelope-fold-right,.envelope-fold-bottom{position:absolute;inset:0}.envelope-fold-left{background:#dce0d0;clip-path:polygon(0 0,57% 62%,0 100%)}.envelope-fold-right{background:#d7ddc9;clip-path:polygon(100% 0,43% 62%,100% 100%)}.envelope-fold-bottom{background:#e1e4d6;clip-path:polygon(0 100%,50% 41%,100% 100%)}.envelope-caption{position:absolute;bottom:17px;width:100%;text-align:center;font:7px var(--mono);letter-spacing:1.3px;color:#747d62}.scene-stamp{position:absolute;right:-5px;top:155px;border:1px solid #c9cbbb;padding:10px 11px;font:8px/1.5 var(--mono);letter-spacing:1px;color:#838878;transform:rotate(8deg);background:var(--paper)}.principles{border-top:1px solid var(--line);padding:56px 0 65px}.section-heading{display:grid;grid-template-columns:.8fr 1.15fr 1fr;align-items:start;gap:32px}.section-heading .eyebrow{margin-top:9px}.section-heading h2,.connect-copy h2{font:400 44px/1.08 var(--serif);letter-spacing:-.8px;margin:0}.section-heading>p:last-child{margin:8px 0 0;font-size:12px;line-height:1.8;color:var(--muted)}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:56px}.principle-grid article{border-top:1px solid var(--line);padding-top:18px}.principle-number{display:block;font:8px var(--mono);letter-spacing:1.1px;color:var(--muted)}.principle-grid svg{display:block;width:31px;height:31px;stroke:var(--ink);stroke-width:1.3;margin:30px 0 19px}.principle-grid h3{font-size:15px;letter-spacing:-.3px;font-weight:500;margin:0 0 12px}.principle-grid article>p{font-size:12px;line-height:1.85;color:var(--muted);margin:0;max-width:300px}.connect-section{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;border-top:1px solid var(--line);padding:68px 0 36px}.connect-copy h2{font-size:52px}.connect-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);margin:20px 0 27px}.text-link{font-size:12px;display:inline-flex;gap:32px;border-bottom:1px solid var(--ink);padding-bottom:8px}.connection-card{background:#fdfcf7;border:1px solid var(--line);box-shadow:0 6px 24px #24291d05;border-radius:4px;overflow:hidden}.card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:19px 23px;font-size:12px;font-weight:500}.connection-icon{margin-right:8px;color:var(--accent);font-size:16px}.card-tag{font:8px var(--mono);letter-spacing:.5px;padding:5px 7px;background:#ecefe3;color:#66714e;border-radius:2px}.connection-card dl{margin:0;padding:19px 23px}.connection-card dl>div{display:flex;align-items:center;justify-content:space-between;padding:11px 0;font-size:12px}.connection-card dt{color:var(--muted)}.connection-card dd{margin:0;font:11px var(--mono);user-select:all}.card-footer{padding:15px 23px;display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid var(--line)}.card-footer p{font-size:9px;color:var(--muted);margin:0}.card-footer button{background:transparent;border:0;padding:5px 0;cursor:pointer;white-space:nowrap;font-size:10px;font-weight:600}.card-footer button:hover{color:var(--accent)}.card-footer button span{margin-left:9px;font-size:15px}.copy-status{margin:0;padding:0 23px;font-size:10px;line-height:1.6;color:var(--muted)}.copy-status:not(:empty){padding-bottom:14px}.delivery-note{font-size:9px;line-height:1.8;color:var(--muted);max-width:530px;margin:5px 0 49px}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:30px 0 39px;gap:20px}footer .wordmark{font-size:20px;gap:10px}footer .mark{height:28px;width:28px;font-size:24px}footer .wordmark-mail{font-size:17px}footer>span{font:8px var(--mono);letter-spacing:1px;color:var(--muted)}footer>a:last-child{font-size:10px}footer>a:last-child span{margin-left:15px}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
/* 窄屏减少装饰尺寸，并让连接信息保持完整可读。 */
@media(max-width:1100px){.page{padding:0 40px}.hero{gap:20px}h1{font-size:118px}.mail-scene{height:460px}.message-sheet{top:105px}.envelope{top:213px;height:145px}.scene-stamp{right:-8px;top:135px}.connect-section{gap:40px}.card-footer{flex-wrap:wrap}.principle-grid{gap:25px}}
@media(max-width:760px){.page{padding:0 24px}.header{height:90px}.header nav{gap:0}.header nav>a:first-child{display:none}.nav-connect{font-size:10px;padding:9px 11px}.nav-connect span{margin-left:10px}.wordmark{font-size:23px;gap:9px}.wordmark-mail{font-size:17px}.mark{width:32px;height:32px;font-size:28px}.hero{grid-template-columns:1fr;padding:49px 0 45px;gap:44px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:110px;letter-spacing:-3px;margin:27px 0}.hero-description{font-size:20px}.hero-detail{font-size:12px}.mail-scene{height:430px;max-width:400px;width:100%;margin:0 auto}.message-sheet{top:100px;height:210px}.envelope{top:203px;height:144px}.route-origin{top:45px}.route-line-top{top:70px;height:43px}.route-destination{bottom:44px}.route-line-bottom{bottom:68px;height:32px}.scene-stamp{right:0;top:129px}.principles{padding:37px 0 42px}.section-heading{grid-template-columns:1fr;gap:10px}.section-heading h2{font-size:40px}.section-heading .eyebrow{margin:0 0 4px}.section-heading>p:last-child{margin:7px 0 0}.principle-grid{grid-template-columns:1fr;gap:26px;margin-top:30px}.principle-grid article{position:relative;padding-left:48px;padding-top:19px}.principle-grid svg{position:absolute;left:0;top:25px;margin:0;width:26px}.principle-grid h3{margin-top:15px;font-size:16px}.principle-grid article>p{max-width:none;font-size:13px}.connect-section{grid-template-columns:1fr;gap:31px;padding:43px 0 26px}.connect-copy h2{font-size:45px}.connect-copy>p:not(.eyebrow){font-size:13px}.connection-card dl,.card-header{padding-left:18px;padding-right:18px}.card-footer{padding:15px 18px}.delivery-note{margin:0 0 36px;font-size:10px}footer{flex-wrap:wrap;padding:23px 0 30px;row-gap:24px}footer>span{order:3;flex-basis:100%;font-size:7px}footer>a:last-child{font-size:10px}.desktop-break{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mail-scene{animation:none}.button{transition:none}.button:hover{transform:none}}
/* 销售联系卡片以真实邮箱作为购买入口，不向访客展示服务器连接参数。 */
.sales-content{padding:30px 23px 29px}.sales-content>p:first-child{font:8px var(--mono);letter-spacing:1.3px;color:var(--muted);margin:0 0 17px}.sales-content>a{font:400 clamp(25px,2.8vw,36px) var(--serif);letter-spacing:-.5px;display:flex;align-items:center;justify-content:space-between;gap:10px}.sales-content>a span{font-family:var(--sans);font-size:24px;color:var(--accent)}.sales-content>a:hover{color:var(--accent)}.sales-content>p:last-child{font-size:11px;line-height:1.9;color:var(--muted);margin:22px 0 0}@media(max-width:760px){.sales-content{padding:27px 18px}.sales-content>a{font-size:32px}.sales-content>p:last-child{font-size:11px}}
/* 320px 小屏也保持标题和邮箱完整，不让网格的最小内容宽度撑出视口。 */
.hero-copy,.connect-copy,.connection-card{min-width:0}@media(max-width:760px){h1{font-size:clamp(82px,28vw,110px)}.sales-content>a{font-size:clamp(24px,7vw,32px)}}
/* 跳转链接仅在键盘聚焦时可见，完整页面截图也不会显示视口外的固定元素。 */
.skip-link:not(:focus){clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap;padding:0}