:root{--green:#01875f;--green-dark:#016a4a;--bg:#ffffff;--panel:#f5f6f7;--text:#202124;--text2:#5f6368;--border:#e8eaed;--radius:12px}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.site-header{display:flex;align-items:center;gap:24px;padding:12px 32px;border-bottom:1px solid var(--border);position:sticky;top:0;background:#fff;z-index:50;flex-wrap:wrap}.logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:600;white-space:nowrap;width:120px}.triangle{width:22px;height:22px;background:linear-gradient(135deg,#00d8ff,#00e08a 50%,#ffcd00 75%,#ff3d57);clip-path:polygon(20% 0%,20% 100%,90% 50%);border-radius:3px;flex-shrink:0}.search-wrap{flex:1;min-width:160px;max-width:720px;position:relative;order:3}.search-wrap input{width:100%;padding:10px 16px 10px 42px;border-radius:24px;border:1px solid var(--border);background:var(--panel);font-size:14px;outline:none;font-family:inherit}.search-wrap input:focus{border-color:var(--green);background:#fff}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text2);font-size:16px}.top-nav{display:flex;gap:20px;font-size:14px;color:var(--text2)}.top-nav span{cursor:pointer;padding:6px 2px;border-bottom:2px solid transparent}.top-nav span.active{color:var(--text);border-color:var(--green);font-weight:600}.device-tabs{display:flex;gap:10px;padding:16px 32px;overflow-x:auto;border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch}.device-tabs::-webkit-scrollbar{display:none}.device-chip{padding:8px 18px;border-radius:20px;background:var(--panel);font-size:13px;white-space:nowrap;cursor:pointer;border:1px solid transparent;flex-shrink:0;font-family:inherit}.device-chip.active{background:#e6f4ee;color:var(--green-dark);border-color:var(--green);font-weight:600}.chip-row{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.chip{padding:8px 18px;border-radius:20px;background:var(--panel);font-size:13px;cursor:pointer;border:1px solid transparent}.chip.active{background:#e6f4ee;color:var(--green-dark);border-color:var(--green);font-weight:600}main{padding:8px 32px 60px;max-width:1200px;margin:0 auto}section{margin-top:28px}section h2{font-size:17px;font-weight:600;margin-bottom:14px}.scroll-row{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.icon-card{min-width:120px;max-width:120px;scroll-snap-align:start;display:flex;flex-direction:column;align-items:flex-start}.icon-card .icon{width:72px;height:72px;border-radius:16px;object-fit:cover;background:var(--panel);margin-bottom:8px}.icon-card-name{font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.icon-card-rating{font-size:12px;color:var(--text2);margin-top:2px}.icon{background:var(--panel);object-fit:cover}.icon-sm{width:48px;height:48px;border-radius:12px;flex-shrink:0}.icon-lg{width:120px;height:120px;border-radius:24px}.chart-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:0 24px}.chart-column{display:flex;flex-direction:column}.rank-row{display:flex;align-items:center;gap:14px;padding:10px 4px;border-radius:10px}.rank-row:hover{background:var(--panel)}.rank-number{font-size:16px;color:var(--text2);min-width:18px}.rank-info{min-width:0;flex:1}.rank-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-category,.rank-rating{font-size:12px;color:var(--text2)}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px}.empty{padding:24px 0;color:var(--text2);font-size:14px}.detail-page{padding-top:24px}.detail-top{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap}.detail-main{flex:1;min-width:260px}.detail-main h1{font-size:28px;font-weight:600;margin-bottom:8px}.developer-link{color:var(--green-dark);font-size:14px;font-weight:600}.badges{font-size:13px;color:var(--text2);margin-top:6px}.stat-row{display:flex;gap:32px;margin:20px 0;flex-wrap:wrap}.stat-value{font-size:16px;font-weight:600}.stat-label{font-size:12px;color:var(--text2)}.install-row{display:flex;gap:12px;align-items:center;margin-top:8px}.install-btn-lg{background:var(--green);color:#fff;border:none;border-radius:24px;padding:12px 32px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.install-btn-lg:hover{background:var(--green-dark)}.install-btn-lg.installed{background:var(--panel);color:var(--text2)}.share-btn{background:#fff;border:1px solid var(--border);border-radius:24px;padding:12px 24px;font-size:14px;font-weight:600;cursor:pointer;color:var(--green-dark);font-family:inherit}.share-btn:hover{background:var(--panel)}.device-note{font-size:13px;color:var(--text2);margin-top:14px}.detail-side{display:flex;flex-direction:column;align-items:flex-end;gap:16px;min-width:200px}.content-rating-box{display:flex;gap:12px;align-items:center;border:1px solid var(--border);border-radius:10px;padding:10px 14px}.content-rating-badge{border:1px solid var(--text2);border-radius:4px;padding:2px 8px;font-size:12px;font-weight:600}.crating-title{font-size:13px;font-weight:600}.crating-sub{font-size:12px;color:var(--text2)}.screenshots{gap:12px}.screenshot{width:180px;height:360px;object-fit:cover;border-radius:16px;flex-shrink:0;scroll-snap-align:start}.desc{font-size:14px;line-height:1.7;color:var(--text);max-width:760px}.pre-line{white-space:pre-line}.safety-intro{font-size:13px;color:var(--text2);max-width:640px;margin-bottom:12px}.safety-card{border:1px solid var(--border);border-radius:12px;padding:16px;max-width:640px}.safety-row{font-size:13px;padding:8px 0;border-bottom:1px solid var(--border)}.safety-row:last-child{border-bottom:none}.rate-stars{display:flex;gap:6px;font-size:28px;color:var(--border)}.rate-star{cursor:pointer}.rate-star.filled{color:#ff9800}.rating-summary{display:flex;gap:40px;flex-wrap:wrap;margin-bottom:24px}.rating-big{text-align:center;min-width:140px}.rating-number{font-size:48px;font-weight:400}.rating-stars-static{color:#ff9800;font-size:16px}.rating-count{font-size:12px;color:var(--text2);margin-top:4px}.rating-bars{flex:1;min-width:200px;max-width:400px}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:6px}.bar-label{font-size:12px;color:var(--text2);width:10px}.bar-track{flex:1;height:6px;background:var(--panel);border-radius:3px;overflow:hidden}.bar-fill{height:100%;background:var(--green)}.review-list{display:flex;flex-direction:column;gap:24px;max-width:760px}.review-header{display:flex;gap:12px;align-items:center;margin-bottom:8px}.avatar{width:40px;height:40px;border-radius:50%;background:var(--panel);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--text2);flex-shrink:0}.review-name{font-size:14px;font-weight:600}.review-meta{display:flex;gap:10px;font-size:12px;color:var(--text2)}.review-stars{color:#ff9800}.review-text{font-size:14px;line-height:1.6}.review-reply{margin-top:10px;margin-left:52px;background:var(--panel);border-radius:10px;padding:12px 16px}.reply-author{font-size:13px;font-weight:600}.reply-date{font-size:11px;color:var(--text2);margin-bottom:6px}.review-reply p{font-size:13px;line-height:1.5}.more-apps{display:flex;flex-direction:column;gap:4px;max-width:400px}.more-app-row{display:flex;align-items:center;gap:12px;padding:8px 4px;border-radius:10px}.more-app-row:hover{background:var(--panel)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-thumb{background:#d0d3d6;border-radius:4px}@media (max-width: 720px){.site-header{padding:10px 16px;gap:12px}.logo{font-size:17px}.top-nav{order:2;margin-left:auto;gap:14px;font-size:13px}.search-wrap{order:3;flex-basis:100%;max-width:100%}.device-tabs{padding:12px 16px}main{padding:4px 16px 40px}section h2{font-size:15px}.icon-card{min-width:96px;max-width:96px}.icon-card .icon{width:56px;height:56px}.chart-columns{grid-template-columns:1fr}.app-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px}.detail-top{flex-direction:column-reverse}.detail-side{flex-direction:row;align-items:center;width:100%;justify-content:space-between}.icon-lg{width:80px;height:80px;border-radius:18px}.detail-main h1{font-size:22px}.stat-row{gap:20px}.install-btn-lg,.share-btn{padding:10px 20px;font-size:13px}.screenshot{width:140px;height:280px}.review-reply{margin-left:0}.rating-summary{gap:20px}}@media (max-width: 420px){.logo-text{display:none}.top-nav span{font-size:12px}}
