/* Homepage guide + app entry. Existing photos, motion and forms stay untouched. */
#guide.stx-guide{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.3fr);gap:28px;align-items:stretch;scroll-margin-top:140px}
#guide.stx-guide .stx-heading{grid-column:1/-1;display:flex;gap:36px;align-items:center;justify-content:space-between;margin-bottom:4px}
#guide.stx-guide .stx-heading h2{font:400 clamp(32px,3.1vw,44px)/1.15 Source,Georgia,serif;letter-spacing:-.025em;margin:0;max-width:15ch}
#guide.stx-guide .stx-heading p{font:400 15px/1.8 DM,Arial,sans-serif;color:#46616c;margin:0;max-width:49ch}
#guide.stx-guide .stx-app-feature{border:1px solid #c8dedb;border-radius:10px;overflow:hidden;background:#f7faf8;display:flex;flex-direction:column;scroll-margin-top:140px}
#guide.stx-guide .stx-app-icons{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:31px 22px 27px;background:#edf7f5;border-bottom:1px solid #dceae5}
#guide.stx-guide .stx-app-icons a{display:flex;flex-direction:column;align-items:center;gap:11px;min-width:0;color:#164b64;border-radius:5px}
#guide.stx-guide .stx-app-icons img{width:54px;height:54px;border-radius:12px;object-fit:contain;display:block}
#guide.stx-guide .stx-app-icons span{font:500 12px/1.5 DM,Arial,sans-serif;white-space:nowrap}
#guide.stx-guide .stx-app-icons a:hover span{text-decoration:underline;text-underline-offset:4px}
#guide.stx-guide .stx-app-copy{padding:25px 27px 27px;display:flex;flex-direction:column;flex:1}
#guide.stx-guide .stx-app-copy h3{font:400 27px/1.22 Source,Georgia,serif;letter-spacing:-.02em;margin:0 0 12px;max-width:24ch}
#guide.stx-guide .stx-app-copy p{font:400 14px/1.8 DM,Arial,sans-serif;color:#46616c;margin:0 0 20px;max-width:43ch}
#guide.stx-guide .stx-app-cta{font:600 13px/1.6 DM,Arial,sans-serif;color:#007575;display:flex;align-items:center;gap:16px;min-height:36px;margin-top:auto;align-self:flex-start}
#guide.stx-guide .stx-app-cta:hover{text-decoration:underline;text-underline-offset:4px}
#guide.stx-guide .stx-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#guide.stx-guide .stx-guide-card{padding:23px;border:1px solid #c8dedb;border-radius:9px;display:flex;flex-direction:column;background:white;min-width:0}
#guide.stx-guide .stx-guide-card h3{font:400 23px/1.2 Source,Georgia,serif;letter-spacing:-.015em;color:#164b64;margin:0 0 12px}
#guide.stx-guide .stx-guide-card p{font:400 14px/1.75 DM,Arial,sans-serif;color:#46616c;margin:0 0 19px}
#guide.stx-guide .stx-guide-card a{display:flex;align-items:center;justify-content:space-between;gap:14px;font:500 12px/1.5 DM,Arial,sans-serif;color:#007575;min-height:30px;margin-top:auto}
#guide.stx-guide .stx-guide-card a:hover{text-decoration:underline;text-underline-offset:4px}
#guide.stx-guide a:focus-visible{outline:3px solid #b6482e;outline-offset:4px}
html[lang^=zh] #guide.stx-guide h2,html[lang^=zh] #guide.stx-guide h3{font-family:'Songti SC','SimSun',Source,serif;letter-spacing:0;line-height:1.35}
html[lang^=zh] #guide.stx-guide .stx-heading h2{max-width:none}
@media(max-width:1050px){#guide.stx-guide{grid-template-columns:1fr;gap:20px}#guide.stx-guide .stx-heading{align-items:flex-start}#guide.stx-guide .stx-app-feature{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}#guide.stx-guide .stx-app-icons{align-items:center;border-bottom:0;border-right:1px solid #dceae5;padding:24px 18px;gap:8px}#guide.stx-guide .stx-app-icons img{width:47px;height:47px}#guide.stx-guide .stx-app-copy{padding:24px}#guide.stx-guide .stx-app-copy h3{font-size:25px}}
@media(max-width:700px){#guide.stx-guide .stx-heading{display:block;margin-bottom:3px}#guide.stx-guide .stx-heading h2{font-size:32px;max-width:none;margin-bottom:13px}#guide.stx-guide .stx-heading p{font-size:14px;max-width:42ch}#guide.stx-guide .stx-app-feature{display:flex}#guide.stx-guide .stx-app-icons{border-right:0;border-bottom:1px solid #dceae5;padding:24px 15px;gap:6px}#guide.stx-guide .stx-app-copy{padding:22px}#guide.stx-guide .stx-app-copy h3{font-size:26px}#guide.stx-guide .stx-app-copy p{margin-bottom:14px}#guide.stx-guide .stx-guides{gap:12px}#guide.stx-guide .stx-guide-card{padding:18px}#guide.stx-guide .stx-guide-card h3{font-size:21px}#guide.stx-guide .stx-guide-card p{font-size:13px}#guide.stx-guide .stx-guide-card a{min-height:40px;font-size:12px}}
@media(max-width:480px){#guide.stx-guide .stx-guides{grid-template-columns:1fr}#guide.stx-guide .stx-guide-card{padding:20px}#guide.stx-guide .stx-guide-card h3{font-size:23px;margin-bottom:8px}#guide.stx-guide .stx-guide-card p{margin-bottom:10px}#guide.stx-guide .stx-app-icons img{width:43px;height:43px}#guide.stx-guide .stx-app-icons span{font-size:11px}}
@media(max-width:350px){#guide.stx-guide .stx-app-icons img{width:38px;height:38px}#guide.stx-guide .stx-app-icons{padding:22px 10px;gap:4px}#guide.stx-guide .stx-heading h2{font-size:29px}}
/* Reuse the existing card reveal/lift; each app gets its own pointer feedback. */
#guide.stx-guide .stx-app-icons a{transition:transform .44s var(--motion-ease)}
#guide.stx-guide .stx-app-feature.motion-card img{transform:none}
#guide.stx-guide .stx-app-feature.motion-card:focus-within,#guide.stx-guide .stx-guide-card.motion-card:focus-within{box-shadow:0 15px 30px #124b6814}
#guide.stx-guide .stx-app-icons a:focus-visible{transform:translateY(-4px)}
#guide.stx-guide .stx-app-icons a:focus-visible img{transform:scale(var(--motion-zoom))}
@media(hover:hover) and (pointer:fine){
 #guide.stx-guide .stx-app-feature.motion-card:hover,#guide.stx-guide .stx-guide-card.motion-card:hover{box-shadow:0 15px 30px #124b6814}
 #guide.stx-guide .stx-app-icons a:hover{transform:translateY(-4px)}
 #guide.stx-guide .stx-app-icons a:hover img{transform:scale(var(--motion-zoom))}
}
@media(hover:none){#guide.stx-guide .stx-app-icons a:focus-visible,#guide.stx-guide .stx-app-icons a:focus-visible img{transform:none}}
@media(prefers-reduced-motion:reduce){html:not([data-motion-preview="on"]) #guide.stx-guide .motion-card,html:not([data-motion-preview="on"]) #guide.stx-guide .motion-card *{transition:none!important;animation:none!important;transform:none!important;opacity:1!important}}