*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#1d1d1f;background:#f2f2f7;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input{font:inherit}header,main,footer{max-width:1160px;margin:auto}header{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:20px;align-items:center;font-size:30px;font-weight:800;letter-spacing:-1px}.brand span{color:#8e8e93;font-size:13px;font-weight:400;letter-spacing:0;border-left:1px solid #d7d7dd;padding-left:20px}.header-note{font-size:12px;color:#8e8e93}.intro{padding:47px 0 44px}.eyebrow{font-size:11px;letter-spacing:2.5px;color:#07a653;font-weight:600}h1{font-size:43px;line-height:1.35;letter-spacing:-1.2px;margin:16px 0}.intro>p{color:#8e8e93;font-size:15px;line-height:1.6}.search{max-width:590px;display:flex;align-items:center;gap:13px;padding:0 20px;margin-top:28px;border:1px solid #e4e4e9;border-radius:14px;background:white;color:#8e8e93}.search:focus-within{border-color:#07c160;box-shadow:0 0 0 3px #07c16012}.search input{border:0;outline:0;background:transparent;padding:17px 0;width:100%;font-size:14px;min-width:0}.bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.categories{display:flex;gap:8px;overflow:auto;scrollbar-width:none}.categories button{border:0;background:transparent;color:#777781;padding:9px 17px;border-radius:22px;cursor:pointer;white-space:nowrap;font-size:13px}.categories button.active{background:#07c160;color:white}#count{font-size:12px;color:#8e8e93;white-space:nowrap}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.app-card{display:flex;gap:16px;align-items:center;padding:23px 20px;border-radius:18px;background:#ffffffdb;border:1px solid #fff;box-shadow:0 4px 20px #00000003;transition:transform .2s,box-shadow .2s;min-width:0}.app-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000008}.app-card img{border-radius:15px;object-fit:cover;flex-shrink:0;border:1px solid #00000008}.card-copy{min-width:0;flex:1}.name-line{display:flex;align-items:center;gap:7px;flex-wrap:wrap}h2{font-size:16px;margin:0;font-weight:650;line-height:1.4}.recommended{font-size:9px;color:#07a653;background:#e8f8ef;padding:2px 5px;border-radius:4px}.category{color:#8e8e93;font-size:11px;display:block;margin-top:5px}.card-copy p{color:#8e8e93;font-size:11px;margin:9px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.arrow{font-size:22px;color:#b2b2ba}#empty{text-align:center;color:#8e8e93;background:white;padding:50px 20px;border-radius:18px}[hidden]{display:none!important}footer{border-top:1px solid #dfdfe5;margin-top:65px;padding:27px 0 35px;display:flex;justify-content:space-between;gap:20px;color:#8e8e93;font-size:11px}.information{max-width:820px;padding-bottom:60px}.information h1{font-size:32px}.information section{background:white;padding:28px;border-radius:18px;margin:22px 0}.information h2{font-size:21px}.information p{line-height:1.9;color:#777781;font-size:14px}a:focus-visible,button:focus-visible{outline:2px solid #07c160;outline-offset:4px}@media(max-width:1220px){header,main,footer{margin-left:30px;margin-right:30px}}@media(max-width:950px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){header,main,footer{margin-left:20px;margin-right:20px}header{height:74px}.brand{font-size:27px;gap:13px}.brand span{font-size:11px;padding-left:13px}.header-note{display:none}.intro{padding:27px 0 32px}h1{font-size:34px;margin:14px 0}.intro>p{font-size:13px}.search input{font-size:12px;padding:16px 0}.cards{grid-template-columns:1fr;gap:12px}.app-card{padding:18px}.app-card img{width:59px;height:59px}.bar{gap:10px;margin-bottom:18px;align-items:start;flex-direction:column}.categories{width:100%;gap:3px}.categories button{padding:8px 13px;font-size:12px}.name-line h2{font-size:16px}.card-copy p{font-size:12px}footer{margin-top:40px;flex-direction:column;gap:12px;padding-bottom:26px}.information section{padding:22px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.app-card img{background:#fff;border:1px solid rgba(15,20,25,.13);padding:3px;box-shadow:0 2px 6px rgba(15,20,25,.045)}

.app-card img{padding:0;box-shadow:none}