:root{--sg-bg:#f7f3ed;--sg-ink:#523b31;--sg-muted:#998477;--sg-accent:#94715c;--sg-accent-hover:#7e5b48;--sg-line:#e9ddd1;--sg-paper:#fffdf9}
html,body.sgtl-page{margin:0;min-height:100%;}
body.sgtl-page{background:var(--sg-bg);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--sg-ink);font-size:15px;line-height:1.65}
body.sgtl-page *{box-sizing:border-box}
body.sgtl-page a{color:inherit;text-decoration:none}
body.sgtl-page button,body.sgtl-page input{font:inherit}
body.sgtl-page button{cursor:pointer}
.sgtl-shell{min-height:100vh;max-width:1440px;padding:0 clamp(20px,5.4vw,92px);margin:0 auto;display:flex;flex-direction:column;position:relative}
.sgtl-shell:before{position:fixed;inset:0;content:"";background-image:radial-gradient(#997c6822 .65px,transparent .65px);background-size:12px 12px;opacity:.22;pointer-events:none}
.sgtl-topbar{display:flex;align-items:center;justify-content:space-between;min-height:100px;z-index:1}
.sgtl-brand{display:inline-flex;align-items:center;gap:12px;font-size:22px;font-weight:700;letter-spacing:1px}
.sgtl-brand small{display:block;font-family:Georgia,serif;font-size:9px;letter-spacing:2.8px;font-weight:400;color:#ac917e;margin-top:-4px}
.sgtl-brand-symbol{width:45px;height:45px;display:grid;place-items:center;color:white;background:#9d785f;border-radius:12px;box-shadow:0 7px 14px #94715c22;font-size:24px}
.sgtl-back{font-size:13px;color:#8f7666!important;transition:opacity .2s}
.sgtl-back:hover{opacity:.65}
.sgtl-center{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(370px,.88fr);gap:clamp(34px,7vw,126px);align-items:center;flex:1;padding:24px 0 50px;position:relative;z-index:1}
.sgtl-story{padding:10px 0 0 12px}
.sgtl-kicker{display:flex;align-items:center;gap:12px;letter-spacing:3px;font-family:Georgia,serif;font-size:10px;color:#ad8971}
.sgtl-kicker-line{width:28px;height:1px;background:#ba9c85}
.sgtl-illustration{height:305px;position:relative;max-width:420px;margin:18px auto 0;filter:drop-shadow(0 21px 18px #765a4022)}
.sgtl-envelope{position:absolute;width:273px;height:160px;left:50%;bottom:22px;transform:translateX(-50%) rotate(-5deg);border-radius:4px 4px 12px 12px;background:#d8bda5;overflow:visible}
.sgtl-envelope-front{position:absolute;inset:0;z-index:2;background:#e8d2bc;clip-path:polygon(0 10%,50% 63%,100% 10%,100% 100%,0 100%);border-radius:5px 5px 12px 12px}
.sgtl-envelope-flap{position:absolute;inset:0;z-index:3;background:#f2ddc8;clip-path:polygon(0 0,50% 63%,100% 0);border-radius:5px}
.sgtl-paper{position:absolute;left:50%;bottom:104px;z-index:1;transform:translateX(-50%) rotate(1.5deg);width:226px;height:165px;background:#fffdf7;border:1px solid #ecded0;box-shadow:0 7px 16px #765a401e;padding:25px 25px 10px}
.sgtl-paper span{display:block;font-size:15px;color:#9b735e;font-family:Georgia,serif;font-style:italic;margin-bottom:15px}
.sgtl-paper i{display:block;width:100%;height:1px;background:#dfd1c3;margin-bottom:18px}
.sgtl-paper i:nth-of-type(2){width:80%}.sgtl-paper i:nth-of-type(3){width:60%}
.sgtl-paper b{position:absolute;bottom:13px;right:21px;color:#cc977a;font-size:23px;font-weight:400}
.sgtl-wax{z-index:4;position:absolute;left:50%;top:75px;transform:translateX(-50%);display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#ad7967;color:#fbe9d9;border:4px double #dcb5a5;box-shadow:0 2px 4px #583c3533}
.sgtl-postmark{position:absolute;right:2px;top:51px;width:71px;height:71px;border:2px dashed #ae95836b;border-radius:50%;display:grid;place-items:center;text-align:center;font:10px/1.3 Georgia,serif;letter-spacing:2px;color:#ad9582;transform:rotate(16deg)}
.sgtl-doodle{position:absolute;color:#d2b095}.doodle-one{left:12%;top:35%;font-size:27px}.doodle-two{right:22%;top:8%;font-size:16px}
.sgtl-story h1{font-size:clamp(31px,3.4vw,47px);line-height:1.6;font-weight:600;letter-spacing:2px;font-family:"Noto Serif SC","Songti SC",serif;margin:4px 0 20px}
.sgtl-story h1 em{font-style:normal;color:#ad8065}
.sgtl-story p{font-size:15px;line-height:2.2;letter-spacing:1px;color:#958173;margin:0}
.sgtl-story-footer{margin-top:55px;font-size:12px;color:#a48a78;letter-spacing:2px}
.sgtl-spark{margin-right:8px;color:#b98c72;font-size:20px}
.sgtl-card{width:100%;padding:clamp(26px,3.7vw,48px);background:var(--sg-paper);border:1px solid #f0e7de;border-radius:20px;box-shadow:0 16px 46px #6146320d,0 3px 12px #61463206;text-align:center;position:relative}
.sgtl-card-insignia{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#f5e9dd;color:#a77f64;margin:0 auto 18px;font-size:25px}
.sgtl-card-eyebrow{font:10px Georgia,serif;letter-spacing:2.3px;color:#c0a18d}
.sgtl-card h2{font-family:"Noto Serif SC","Songti SC",serif;font-size:26px;font-weight:600;letter-spacing:1px;margin:10px 0 5px;color:#4d392d;line-height:1.6}
.sgtl-subtitle{margin:0 0 26px;color:#a08b7c;font-size:13px}
.sgtl-form{text-align:left}
.sgtl-label{display:block;font-size:13px;color:#735b4b;font-weight:600;margin:15px 0 8px}
.sgtl-field{height:50px;display:flex;align-items:center;background:#fffefa;border:1px solid #e8dbcc;border-radius:10px;transition:box-shadow .2s,border-color .2s;overflow:hidden}
.sgtl-field:focus-within{border-color:#b48d71;box-shadow:0 0 0 3px #b48d711a}
.sgtl-field-icon{width:42px;flex-shrink:0;display:grid;place-items:center;color:#bea794;font-size:19px}
.sgtl-field input{flex:1;min-width:0;background:transparent;border:0!important;outline:0!important;box-shadow:none!important;color:#594439!important;font-size:14px!important;padding:10px 8px 10px 0!important;line-height:24px!important;height:100%!important}
.sgtl-field input::placeholder{color:#b7a69b;opacity:1}
.sgtl-eye{border:0!important;background:transparent!important;color:#a38a76!important;font-size:12px!important;padding:0 13px!important;min-width:55px}
.sgtl-form-assist{display:flex;align-items:center;justify-content:space-between;margin:17px 0 23px;font-size:12px;color:#928072}
.sgtl-form-assist a,.sgtl-switch a,.sgtl-resend a{color:#9a6d52!important;font-weight:600}
.sgtl-form-assist a:hover,.sgtl-switch a:hover,.sgtl-resend a:hover{text-decoration:underline}
.sgtl-remember{display:flex;align-items:center;gap:7px;cursor:pointer}
.sgtl-remember input{accent-color:#997058;width:15px;height:15px;margin:0}
.sgtl-submit{margin-top:24px;display:flex!important;justify-content:center;align-items:center;gap:12px;width:100%;border:0!important;border-radius:10px!important;background:#99745d!important;color:white!important;font-weight:600!important;letter-spacing:1px!important;height:50px!important;padding:0 20px!important;box-shadow:0 6px 14px #99745d25;transition:background .2s,transform .2s;font-size:14px!important;text-align:center}
.sgtl-submit:hover{background:#7c5745!important;transform:translateY(-1px)}
.sgtl-submit span{font-size:19px;font-weight:300}
.sgtl-submit-link{text-decoration:none!important}
.sgtl-switch{margin-top:23px;color:#a28a7a;font-size:13px}
.sgtl-resend{margin-top:12px;font-size:11px;color:#aa9384}
.sgtl-resend a{font-weight:400!important}
.sgtl-terms{margin:15px 0 0;color:#a49183;font-size:12px;line-height:1.8}
.sgtl-card-bottom{border-top:1px solid #f1e8de;margin-top:30px;padding-top:17px;color:#b7a395;font-size:11px;letter-spacing:1px}
.sgtl-notice{border-radius:9px;padding:12px 14px;font-size:12px;line-height:1.8;text-align:left;margin:5px 0 18px}
.sgtl-notice-error{color:#a3453f;background:#fff1ee;border:1px solid #efcbc5}
.sgtl-notice-success{color:#54784d;background:#f1f8eb;border:1px solid #d5e4cb}
.sgtl-trap{position:absolute!important;left:-9999px!important;opacity:0!important;width:1px!important;height:1px!important;overflow:hidden!important}
.sgtl-footer{min-height:65px;padding:17px 0;z-index:1;display:flex;justify-content:space-between;font-size:11px;color:#ad9787;letter-spacing:.5px}
@media(max-width:900px){.sgtl-center{grid-template-columns:1fr;max-width:530px;width:100%;margin:auto;gap:24px;padding:10px 0 35px}.sgtl-story{display:none}.sgtl-topbar{min-height:82px}.sgtl-card{padding:35px 32px}.sgtl-shell{padding:0 22px}}
@media(max-width:480px){.sgtl-topbar{min-height:74px}.sgtl-brand{font-size:18px}.sgtl-brand-symbol{width:38px;height:38px;font-size:20px}.sgtl-back{font-size:11px}.sgtl-card{padding:28px 22px;border-radius:16px}.sgtl-card h2{font-size:23px}.sgtl-footer{gap:15px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.sgtl-submit,.sgtl-field,.sgtl-back{transition:none!important}}