.contact-page{--contact-bg:#faf9f5;--contact-paper:#fff;--contact-ink:#31372f;--contact-muted:#7b8177;--contact-line:#e2e6dc;--contact-accent:#657f5b;background:var(--contact-bg);color:var(--contact-ink);min-height:100vh;font-family:Inter,Microsoft YaHei,sans-serif}.contact-page[data-ui-style=purple]{--contact-bg:#f7f4fb;--contact-accent:#83619c;--contact-line:#e7dfee}.contact-page[data-ui-style=sage]{--contact-bg:#f2f6ee}.contact-main{max-width:1200px;margin:auto;padding:70px 28px 80px;display:grid;grid-template-columns:1fr 1.03fr;grid-gap:90px;gap:90px}.contact-intro>small{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:10px;color:var(--contact-accent)}.contact-intro>small span{width:7px;height:7px;background:var(--contact-accent);border-radius:50%}.contact-intro h1{font-size:clamp(34px,3.5vw,48px);font-weight:500;line-height:1.5;letter-spacing:-1px;margin:25px 0 18px}.contact-intro h1 em{font-style:normal;color:var(--contact-accent)}.contact-intro>p{font-size:13px;color:var(--contact-muted);line-height:2;max-width:390px}.contact-topics{margin:35px 0;display:grid;grid-gap:23px;gap:23px}.contact-topics article{display:flex;gap:15px}.contact-topics svg{color:var(--contact-accent);margin-top:3px;flex:none}.contact-topics h2{font-size:14px;font-weight:550;margin:0 0 6px}.contact-topics p{font-size:12px;color:var(--contact-muted);line-height:1.8;max-width:360px;margin:0}.contact-intro>a{font-size:12px;display:inline-flex;gap:15px;color:var(--contact-accent);text-decoration:none}.contact-card{border:1px solid var(--contact-line);border-radius:15px;padding:32px;background:var(--contact-paper);box-shadow:0 15px 60px #31372f05;min-width:0}.contact-card small{font-size:9px;letter-spacing:1.8px;color:var(--contact-muted)}.contact-card h2{font-size:25px;font-weight:500;margin:13px 0 23px}.contact-kind{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.contact-card button{font:inherit;cursor:pointer}.contact-kind button{font-size:11px;border:1px solid var(--contact-line);color:var(--contact-muted);background:transparent;padding:8px 11px;border-radius:6px}.contact-kind button[aria-pressed=true]{background:var(--contact-accent);border-color:var(--contact-accent);color:#fff}.contact-card form>label{display:block;font-size:12px;margin:17px 0}.contact-card label>span{color:var(--contact-muted);font-size:10px}.contact-card input:not([type=checkbox]),.contact-card textarea{display:block;width:100%;box-sizing:border-box;border:1px solid var(--contact-line);border-radius:7px;margin-top:9px;padding:12px;font:inherit;font-size:12px;background:var(--contact-bg);color:var(--contact-ink)}.contact-card textarea{resize:vertical;line-height:1.9}.contact-card :focus-visible{outline:2px solid var(--contact-accent);outline-offset:3px}.contact-card form>.contact-consent{display:flex;gap:8px;font-size:10px;align-items:flex-start;color:var(--contact-muted);line-height:1.8}.contact-consent input{accent-color:var(--contact-accent);margin:3px 0 0;flex:none}.contact-submit{width:100%;padding:12px 16px;border:0;border-radius:7px;background:var(--contact-accent);color:#fff;font-size:12px;display:flex;justify-content:space-between;align-items:center}.contact-submit:disabled{opacity:.6;cursor:wait}.contact-note{font-size:10px;color:var(--contact-muted);display:flex;align-items:center;gap:6px;line-height:1.8}.contact-error{font-size:12px;color:#a34036}.contact-honeypot{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(100%);clip-path:inset(100%)}.contact-receipt{padding:55px 0;display:flex;flex-direction:column;align-items:flex-start}.contact-receipt>svg{color:var(--contact-accent);margin-bottom:25px}.contact-receipt p{font-size:13px;color:var(--contact-muted);line-height:2}.contact-receipt code{font-size:11px;word-break:break-all;background:var(--contact-bg);padding:12px;border-radius:6px}.contact-receipt>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.contact-receipt button{padding:10px 13px;border:1px solid var(--contact-line);border-radius:6px;background:var(--contact-bg);color:var(--contact-accent);font-size:11px;display:flex;align-items:center;gap:7px}.contact-footer{border-top:1px solid var(--contact-line);max-width:1144px;margin:auto;padding:22px 28px;display:flex;justify-content:space-between;gap:15px;color:var(--contact-muted);font-size:11px}.contact-footer span{font-size:9px;letter-spacing:1px}@media(max-width:900px){.contact-main{gap:38px;padding-top:40px}.contact-card{padding:23px}}@media(max-width:700px){.contact-main{grid-template-columns:1fr;padding:32px 20px 45px}.contact-intro h1{font-size:35px}.contact-topics{grid-template-columns:1fr;gap:16px;margin:25px 0}.contact-footer{flex-wrap:wrap}.contact-receipt{padding:20px 0}}.contact-main{position:relative}.contact-main:before{content:"";position:absolute;z-index:0;left:-6%;top:-40px;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--contact-accent) 12%,transparent),transparent 65%);pointer-events:none;animation:contact-breathe 7s ease-in-out infinite}.contact-main>*{position:relative;z-index:1}.contact-intro>*{animation:contact-rise .8s cubic-bezier(.2,.8,.2,1) both}.contact-intro>:nth-child(2){animation-delay:.08s}.contact-intro>:nth-child(3){animation-delay:.16s}.contact-intro>:nth-child(4){animation-delay:.24s}.contact-intro>:nth-child(n+5){animation-delay:.32s}.contact-page .contact-topics{gap:4px}.contact-topics article{padding:12px 16px;margin:0 -16px;border-radius:14px;transition:background .35s,transform .35s cubic-bezier(.2,.8,.2,1)}.contact-topics article:hover{background:color-mix(in srgb,var(--contact-accent) 7%,transparent);transform:translateX(4px)}.contact-card{position:relative;animation:contact-rise .9s cubic-bezier(.2,.8,.2,1) .12s both}.contact-card:before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:16px;background:conic-gradient(from var(--contact-spin,0deg),transparent 0 70%,color-mix(in srgb,var(--contact-accent) 55%,#f0d49a) 82%,transparent 94%);animation:contact-orbit 7s linear infinite;opacity:.55}.contact-card:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:15px;background:var(--contact-paper)}@property --contact-spin{syntax:"<angle>";inherits:false;initial-value:0deg}.contact-kind button{transition:background .3s,color .3s,border-color .3s,transform .3s}.contact-kind button:hover{transform:translateY(-1px)}.contact-kind-hint{display:flex;gap:7px;align-items:center;margin:-12px 0 4px;font-size:11px;color:var(--contact-accent);animation:contact-rise .45s ease both}.contact-submit{position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}.contact-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 26px -12px var(--contact-accent)}.contact-submit:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,#ffffff55 50%,transparent 70%) no-repeat;background-size:250% 100%;background-position:150% 0;animation:contact-sheen 4.5s ease-in-out 2s infinite}.contact-letter{position:relative;height:200px;margin:6px 0 26px;display:grid;place-items:center;max-width:420px}.contact-letter-glow{position:absolute;inset:10% 15%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--contact-accent) 22%,transparent),transparent 70%);filter:blur(6px);animation:contact-breathe 4s ease-in-out infinite}.contact-envelope{position:relative;width:230px;height:140px;border-radius:12px;background:linear-gradient(160deg,#fffaf0,#f1e6d2);box-shadow:0 26px 40px -20px #3a2c2066,inset 0 0 0 1px #e1d2b8;animation:contact-float 5s ease-in-out infinite;rotate:-4deg}.contact-envelope:before{content:"";position:absolute;inset:0;border-radius:12px;background:linear-gradient(32deg,transparent 49.5%,#e4d5ba 50%,transparent 51%),linear-gradient(-32deg,transparent 49.5%,#e4d5ba 50%,transparent 51%);pointer-events:none}.contact-envelope-paper{position:absolute;left:18px;right:18px;top:-46px;height:110px;border-radius:8px;background:#fffdf8;box-shadow:0 6px 16px -8px #3a2c2044;padding:14px 16px;display:grid;align-content:start;grid-gap:8px;gap:8px;animation:contact-paper 5s ease-in-out infinite;z-index:-1}.contact-envelope-paper i{display:block;height:3px;border-radius:3px;background:#e9dfcd}.contact-envelope-paper i:nth-child(2){width:80%}.contact-envelope-paper i:nth-child(3){width:60%}.contact-envelope-paper b{order:-1;font:italic 12px Georgia,serif;font-weight:400;color:#8b7356}.contact-envelope-flap{position:absolute;left:0;right:0;top:0;height:76px;-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);background:linear-gradient(180deg,#f6ecdb,#eadcc3);border-radius:12px 12px 0 0}.contact-envelope-seal{position:absolute;left:50%;top:56px;width:40px;height:40px;margin-left:-20px;border-radius:50%;display:grid;place-items:center;color:#f7e3b6;font-size:16px;background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--contact-accent) 70%,#fff),var(--contact-accent) 60%,color-mix(in srgb,var(--contact-accent) 70%,#000));box-shadow:0 6px 14px -4px color-mix(in srgb,var(--contact-accent) 70%,transparent);animation:contact-seal 3s ease-in-out infinite}.contact-letter-spark{position:absolute;color:#e2bf7a;text-shadow:0 0 12px #f0d49acc;animation:contact-twinkle 3s ease-in-out infinite}.contact-letter-spark-one{left:18%;top:14%;font-size:16px}.contact-letter-spark-two{right:16%;top:30%;font-size:13px;animation-delay:-1.4s}.contact-letter-caption{position:absolute;bottom:0;font-size:11px;color:var(--contact-muted);letter-spacing:.04em}.contact-flow,.contact-help,.contact-invite{max-width:1144px;margin:0 auto 40px;padding:0 28px;box-sizing:border-box}.contact-flow header small,.contact-help header small,.contact-invite small{font-size:10px;letter-spacing:2px;color:var(--contact-accent)}.contact-flow header h2,.contact-help header h2{font-size:26px;font-weight:500;letter-spacing:-.5px;margin:10px 0 22px}.contact-flow ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;position:relative}.contact-flow ol:before{content:"";position:absolute;left:30px;right:30px;top:30px;height:1px;background:linear-gradient(90deg,var(--contact-line),color-mix(in srgb,var(--contact-accent) 50%,transparent),var(--contact-line))}.contact-flow li{--flow-index:0;position:relative;padding:0 6px 0 0;animation:contact-rise .7s cubic-bezier(.2,.8,.2,1) calc(var(--flow-index)*.1s) both}.contact-flow-icon{position:relative;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:var(--contact-paper);border:1px solid var(--contact-line);color:var(--contact-accent);box-shadow:0 10px 24px -16px #31372f55}.contact-flow-num{position:absolute;left:46px;top:-4px;font:11px Georgia,serif;color:var(--contact-muted)}.contact-flow h3{font-size:14px;font-weight:550;margin:16px 0 6px}.contact-flow p{font-size:12px;line-height:1.85;color:var(--contact-muted);margin:0}.contact-help>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.contact-help a{position:relative;display:grid;grid-gap:6px;gap:6px;padding:20px 18px 18px;border:1px solid var(--contact-line);border-radius:16px;background:var(--contact-paper);color:inherit;text-decoration:none;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .3s}.contact-help a:hover{transform:translateY(-4px);box-shadow:0 20px 40px -24px #31372f66;border-color:color-mix(in srgb,var(--contact-accent) 45%,var(--contact-line))}.contact-help a>svg{position:absolute;right:16px;top:18px;color:var(--contact-muted);transition:transform .4s,color .3s}.contact-help a:hover>svg{transform:rotate(45deg);color:var(--contact-accent)}.contact-help-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:var(--contact-accent);background:color-mix(in srgb,var(--contact-accent) 10%,transparent);margin-bottom:6px}.contact-help strong{font-size:14px;font-weight:550}.contact-help p{margin:0;font-size:12px;line-height:1.8;color:var(--contact-muted)}.contact-invite{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:38px 44px;border-radius:24px;color:#f3e6d0;background:radial-gradient(ellipse 60% 90% at 88% 50%,#7a5a8a66,transparent 70%),linear-gradient(140deg,#231d31,#33263d 60%,#2a2234);margin-bottom:56px;max-width:1088px}.contact-invite-particles{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:0}.contact-invite>:not(.contact-invite-particles){position:relative;z-index:1}.contact-invite small{color:#e1c48d}.contact-invite h2{font:400 clamp(22px,2.4vw,30px)/1.45 Georgia,"Noto Serif SC",Microsoft YaHei,serif;margin:10px 0 8px;color:#f6ead6}.contact-invite h2 em{font-style:normal;background:linear-gradient(100deg,#f3d595,#e7b97c 45%,#d8c2f2);-webkit-background-clip:text;background-clip:text;color:transparent}.contact-invite p{margin:0;max-width:520px;font-size:12.5px;line-height:1.9;color:#cdbfcb}.contact-invite>a{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 20px;border-radius:999px;color:#2b2130;text-decoration:none;font-size:13px;background:linear-gradient(110deg,#f1d79f,#ddb676);box-shadow:0 10px 28px -10px #f0c77fa6;transition:transform .35s}.contact-invite>a:hover{transform:translateY(-2px)}@keyframes contact-rise{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes contact-breathe{0%,to{opacity:.75;scale:1}50%{opacity:1;scale:1.06}}@keyframes contact-orbit{to{--contact-spin:360deg}}@keyframes contact-float{0%,to{translate:0 0}50%{translate:0 -8px}}@keyframes contact-paper{0%,to{translate:0 0}50%{translate:0 -6px}}@keyframes contact-seal{0%,to{scale:1}50%{scale:1.08}}@keyframes contact-twinkle{0%,to{opacity:.3;scale:.8}50%{opacity:1;scale:1.15}}@keyframes contact-sheen{0%{background-position:150% 0}45%,to{background-position:-50% 0}}@media(max-width:900px){.contact-flow ol,.contact-help>div{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-flow ol:before{display:none}}@media(max-width:700px){.contact-flow,.contact-help{padding:0 20px}.contact-flow ol,.contact-help>div{grid-template-columns:1fr}.contact-invite{flex-direction:column;align-items:flex-start;margin:0 20px 40px;padding:30px 24px}.contact-letter{height:180px}}@media(prefers-reduced-motion:reduce){.contact-page *,.contact-page :after,.contact-page :before{animation:none!important;transition:none!important}.contact-invite-particles{display:none}}