/* Measured against docs/300站-UI图/模板34/app.png at the live 390px viewport. */
.t34-app-page{position:relative;padding:0 15px 42px;min-height:0}
.t34-app-page .breadcrumbs{position:absolute;z-index:3;left:28px;top:42px;height:16px;margin:0;color:#e6e2d9;font-size:8px}
.t34-app-page .breadcrumbs a,.t34-app-page .breadcrumbs b{color:#e6e2d9}
/* Header is visually 39px in the source; retain its separate breadcrumb
   band so the hero still begins at y=60. */
body[data-page="app"] .t34-home-header{height:39px;padding:0 12px;grid-template-columns:27px 1fr auto;gap:7px}
body[data-page="app"] .header-icon{width:25px;height:25px}body[data-page="app"] .header-icon img{width:21px;height:21px}
body[data-page="app"] .t34-logo{font-size:22px;letter-spacing:-1.3px}body[data-page="app"] .t34-logo img{left:7px;top:-5px;width:11px;height:11px}
body[data-page="app"] .t34-head-actions{gap:4px}body[data-page="app"] .t34-locale{height:24px;padding:0 6px;font-size:8px}body[data-page="app"] .t34-locale img{width:15px;height:15px}
.t34-app-hero{height:160px;min-height:160px;margin:0;padding:15px;border-color:#252525;background:#070707}
.t34-app-hero{margin-top:21px}
.t34-app-hero>div{position:static;width:59%}
.t34-app-hero h1,.t34-app-hero h2,.t34-app-hero p{position:relative;z-index:2}
.t34-app-hero h1{max-width:215px;white-space:normal;font-family:Arial,sans-serif;font-size:20px;line-height:1.04;letter-spacing:-.8px}
.t34-app-hero h2{margin:7px 0 14px;font-size:13px;line-height:1}
.t34-app-hero p{font-size:8px;line-height:1.45}
.t34-app-hero>img{right:0;z-index:0;width:49%;height:100%;object-fit:contain;object-position:right bottom;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 22%,#000 44%,#000 100%);mask-image:linear-gradient(90deg,transparent 0,transparent 22%,#000 44%,#000 100%)}
.t34-hero-perks{position:absolute;z-index:2;left:18px;bottom:15px;width:190px;margin:0;gap:0}
.t34-hero-perks span{padding-top:21px;font-size:6px;white-space:nowrap}
.t34-hero-perks span:before{display:none}
.t34-hero-perks span img{position:absolute;top:0;left:50%;width:20px;height:20px;transform:translateX(-50%);object-fit:contain}
.t34-app-platforms{height:132px;margin-top:9px;padding:8px}
.t34-app-platforms h2,.t34-app-why h2,.t34-install h2,.t34-app-faq h2{font-family:Arial,sans-serif;font-size:12px;line-height:1;margin-bottom:7px}
.t34-app-platforms>div{gap:7px}
.t34-app-platforms article{height:106px;min-height:0;padding:7px;grid-template-columns:39px minmax(0,1fr);gap:5px}
.t34-app-platforms article>img{width:36px;height:36px;padding:4px}
.t34-app-platforms h3{font-size:10px;line-height:1.05}.t34-app-platforms b{margin-top:2px;padding:2px 4px;font-size:6px}.t34-app-platforms p{margin:3px 0 0;font-size:7px;line-height:1.16}.t34-app-platforms a{height:20px;font-size:7px}.t34-app-platforms small{font-size:6px;line-height:1}
.t34-app-why{height:98px;margin-top:9px;padding:8px}.t34-app-why article{min-height:69px;padding:2px}.t34-app-why img{width:28px;height:28px;margin-bottom:2px;border-radius:50%;mix-blend-mode:screen}.t34-app-why b{font-size:7px;line-height:1.05}.t34-app-why p{margin-top:3px;font-size:6px;line-height:1.15}
.t34-install{height:132px;min-height:0;margin-top:9px;padding:8px}.t34-install nav{margin-bottom:7px}.t34-install nav button{height:20px;font-size:8px}.t34-install>div{grid-template-columns:1fr 13px 1fr 13px 1fr 13px 1fr}.t34-install article img{width:30px;height:30px;margin-bottom:2px;padding:0;border-radius:0;background:transparent}.t34-install article b{font-size:7px;line-height:1.1}.t34-install article p{margin-top:3px;font-size:6px;line-height:1.18}.t34-install i{font-size:12px}
.t34-app-faq{height:156px;margin-top:9px;padding:8px}.t34-app-faq .section-title{height:18px;margin:0}.t34-app-faq h2{margin:0}.t34-app-faq>div{gap:2px}.t34-app-faq summary{min-height:20px;height:20px;padding:3px 7px;font-size:7px;line-height:1}.t34-app-faq details{border-radius:4px}.t34-app-faq p{font-size:6px;padding:0 7px 4px}
.t34-app-cta{min-height:54px;height:54px;margin-top:9px;padding:6px;grid-template-columns:43px minmax(0,1fr) 92px;gap:6px}.t34-app-cta>img{width:40px;height:40px}.t34-app-cta h2{font-size:11px;line-height:1}.t34-app-cta p{font-size:6px;line-height:1.25}.t34-app-cta a{height:22px;font-size:7px}
.t34-app-page+.bottom-nav{position:fixed;z-index:30;bottom:0;left:50%;width:min(100%,431px);height:42px;margin:0;transform:translateX(-50%);background:#070707}.t34-app-page+.bottom-nav a{font-size:7px;gap:2px}.t34-app-page+.bottom-nav img{width:17px;height:17px}