.zh-apps{background:#f4f8fa}
.zh-apps .page-hero{padding-bottom:86px}
.zh-apps .apps-hero-kicker{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-top:30px;color:#b8d4e4;font-size:.82rem;font-weight:600}
.zh-apps .apps-hero-kicker span+span:before{content:'·';color:var(--cyan);margin-right:11px}
.zh-apps .apps-directory{padding-top:64px}
.zh-apps .apps-intro{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:30px}
.zh-apps .apps-intro h2{font:700 clamp(1.9rem,3.2vw,2.7rem)/1.12 'Space Grotesk',Arial,sans-serif;letter-spacing:-.045em;margin:9px 0 0}
.zh-apps .apps-intro p{color:var(--muted);max-width:440px;margin:0;line-height:1.6}
.zh-apps .apps-controls{display:grid;grid-template-columns:minmax(230px,1.6fr) minmax(160px,.8fr) minmax(180px,.9fr) auto;align-items:end;gap:14px;padding:20px;background:#fff;border:1px solid #d7e4ea;border-radius:16px;box-shadow:0 12px 35px rgba(7,38,59,.04)}
.zh-apps .apps-controls[hidden],.zh-apps .apps-group[hidden],.zh-apps .zh-app-card[hidden],.zh-apps .apps-empty[hidden]{display:none}
.zh-apps .apps-field{display:flex;flex-direction:column;gap:7px;min-width:0}
.zh-apps .apps-field label{color:#314b5d;font-size:.78rem;font-weight:700;letter-spacing:.02em}
.zh-apps .apps-field input,.zh-apps .apps-field select{appearance:none;width:100%;min-height:47px;padding:11px 14px;border:1px solid #bfd2dd;border-radius:9px;background:#fbfdfe;color:var(--ink);font:500 .96rem/1.3 Arial,sans-serif}
.zh-apps .apps-field select{padding-right:35px;background-image:linear-gradient(45deg,transparent 50%,#47677b 50%),linear-gradient(135deg,#47677b 50%,transparent 50%);background-position:calc(100% - 19px) 21px,calc(100% - 14px) 21px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.zh-apps .apps-field input:focus-visible,.zh-apps .apps-field select:focus-visible,.zh-apps .apps-reset:focus-visible,.zh-apps .zh-app-card a:focus-visible{outline:3px solid #178fd0;outline-offset:3px}
.zh-apps .apps-reset{min-height:47px;padding:10px 15px;border:1px solid #c5d7e1;border-radius:9px;background:#edf6fa;color:#125879;font:700 .86rem Arial,sans-serif;cursor:pointer;white-space:nowrap}
.zh-apps .apps-reset:hover{background:#dff0f8}
.zh-apps .apps-results{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:24px 2px 16px;color:#526b79;font-size:.84rem;font-weight:700}
.zh-apps .apps-results span:last-child{color:#6c8390;font-weight:500}
.zh-apps .apps-group{margin-top:30px}
.zh-apps .apps-group-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:15px}
.zh-apps .apps-group-heading h3{font:700 1.45rem/1.2 'Space Grotesk',Arial,sans-serif;letter-spacing:-.035em;margin:0;color:var(--ink)}
.zh-apps .apps-group-heading p{color:#637887;font-size:.85rem;margin:0}
.zh-apps .apps-list{display:grid;gap:15px}
.zh-apps .zh-app-card{display:grid;grid-template-columns:90px minmax(0,1fr) auto;align-items:center;gap:25px;padding:22px 25px;background:#fff;border:1px solid #d9e6eb;border-radius:16px;box-shadow:0 8px 28px rgba(7,38,59,.035)}
.zh-apps .zh-app-icon{display:block;width:90px;height:90px;object-fit:cover;border-radius:20px;background:#e7f0f5;box-shadow:0 8px 20px rgba(9,39,59,.11)}
.zh-apps .zh-app-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:7px}
.zh-apps .zh-app-meta span{display:inline-block;border-radius:100px;padding:4px 9px;background:#e9f5fb;color:#23647f;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.zh-apps .zh-app-meta span+span{background:#f0f3f5;color:#536977}
.zh-apps .zh-app-card h4{font:700 1.28rem/1.2 'Space Grotesk',Arial,sans-serif;letter-spacing:-.03em;color:var(--ink);margin:0 0 6px}
.zh-apps .zh-app-card p{color:#526575;font-size:.9rem;line-height:1.55;margin:0;max-width:630px}
.zh-apps .zh-app-store{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:164px;min-height:46px;padding:10px 14px;border-radius:9px;background:#0b4261;color:#fff;font-size:.82rem;font-weight:700;text-align:center;text-decoration:none;white-space:nowrap;transition:background .2s,transform .2s}
.zh-apps .zh-app-store:hover{background:#087bb5;transform:translateY(-2px)}
.zh-apps .apps-empty{padding:42px 25px;text-align:center;background:#fff;border:1px dashed #bdd2dd;border-radius:16px}
.zh-apps .apps-empty h3{font:700 1.4rem 'Space Grotesk',Arial,sans-serif;margin:0 0 8px}
.zh-apps .apps-empty p{color:var(--muted);margin:0}
@media(max-width:900px){.zh-apps .apps-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.zh-apps .apps-reset{justify-self:start}.zh-apps .zh-app-card{grid-template-columns:76px minmax(0,1fr);gap:18px}.zh-apps .zh-app-icon{width:76px;height:76px;border-radius:17px}.zh-apps .zh-app-store{grid-column:2;justify-self:start}}
@media(max-width:620px){.zh-apps .apps-intro{display:block}.zh-apps .apps-intro p{margin-top:14px}.zh-apps .apps-controls{grid-template-columns:1fr;padding:17px}.zh-apps .apps-reset{width:100%}.zh-apps .apps-results span:last-child{display:none}.zh-apps .apps-group-heading{display:block}.zh-apps .apps-group-heading p{margin-top:5px}.zh-apps .zh-app-card{grid-template-columns:62px minmax(0,1fr);gap:15px;padding:18px}.zh-apps .zh-app-icon{width:62px;height:62px;border-radius:14px}.zh-apps .zh-app-card h4{font-size:1.13rem}.zh-apps .zh-app-card p{font-size:.87rem}.zh-apps .zh-app-store{grid-column:1/-1;width:100%}}
@media(max-width:420px){.zh-apps .apps-hero-kicker span+span:before{display:none}}
@media(prefers-reduced-motion:reduce){.zh-apps .zh-app-store{transition:none}.zh-apps .zh-app-store:hover{transform:none}}