*{margin:0;padding:0;box-sizing:border-box}html{background:#0a0a0a}body{font-family:PingFang SC,HarmonyOS Sans SC,Source Han Sans SC,Noto Sans CJK SC,Microsoft YaHei,-apple-system,BlinkMacSystemFont,sans-serif;color:#e0e0e0;padding-bottom:40px;min-height:100vh;background:transparent}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:url(/s/vibe-app-rank/design/bg.jpg) center/cover no-repeat;z-index:-1;pointer-events:none}.hero{padding:0;text-align:center;max-width:760px;margin:0 auto}.hero-img-wrap{position:relative;display:block;width:100%}.hero-img{width:100%;display:block}.hero-cta{display:block;width:fit-content;margin:6px auto 0;padding:0;background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s}.hero-cta:active{transform:scale(.96)}.hero-cta-img{width:200px;max-width:56vw;height:auto;display:block}.fab-share{position:fixed;right:max(20px,calc(50vw - 360px));bottom:36px;width:52px;height:52px;border-radius:50%;background:url(/s/vibe-app-rank/design/share.png) center/contain no-repeat;border:none;cursor:pointer;box-shadow:0 4px 16px #eab23559,0 2px 6px #0006;z-index:200;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .15s,box-shadow .15s}.fab-share:active{transform:scale(.9);box-shadow:0 2px 8px #eab2354d}.fab-event{position:fixed;right:max(20px,calc(50vw - 360px));bottom:104px;display:block;line-height:0;border-radius:8px;overflow:hidden;box-shadow:0 4px 16px #eab23559,0 2px 6px #0006;z-index:200;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .15s,box-shadow .15s}.fab-event:active{transform:scale(.94);box-shadow:0 2px 8px #eab2354d}.fab-event-img{width:34px;height:auto;display:block}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#000000d1;color:#fff;font-size:13px;padding:8px 20px;border-radius:20px;white-space:nowrap;z-index:999;pointer-events:none;border:1px solid rgba(234,178,53,.25)}.title-img{width:100%;max-width:420px;height:auto;display:block;margin:0 auto}.section-title{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0 0 12px;text-align:center}.gold-label{display:inline-block;font-size:10px;font-weight:700;color:#eab235;border:1px solid rgba(234,178,53,.6);border-radius:4px;padding:2px 8px;letter-spacing:1.5px;text-transform:uppercase;line-height:1.4}.section-title-text{font-size:28px;font-weight:900;color:#fff;letter-spacing:.5px;line-height:1.3}.search-wrap{max-width:760px;margin:14px auto 0;padding:0 4.5%}.search-tip{margin:10px 0 0;text-align:center}.tip-img{width:200px;max-width:56%;height:auto;display:inline-block}.search-box{display:flex;align-items:center;background:#1c1c1e;border-radius:40px;padding:0 16px;border:1.5px solid rgba(234,178,53,.15);transition:.2s}.search-box:focus-within{border-color:#eab23580;box-shadow:0 2px 12px #eab2351a}.search-ico{font-size:16px;flex-shrink:0;color:#eab235}.search-input{flex:1;border:none;outline:none;padding:12px 10px;font-size:14px;background:transparent;color:#fff}.search-input::placeholder{color:#777}.search-clear{background:none;border:none;color:#888;font-size:14px;cursor:pointer;padding:4px;line-height:1}.search-clear:hover{color:#eab235}.search-panel{margin-top:14px}.search-tag{display:inline-block;font-size:10px;color:#eab235;border:1px solid rgba(234,178,53,.35);border-radius:4px;padding:1px 5px;white-space:nowrap}.search-tag.unlisted{color:#888;border-color:#ffffff26}.empty{text-align:center;padding:32px;color:#777;font-size:14px}mark{background:#eab2352e;color:#eab235;border-radius:2px;padding:0 1px;font-style:normal}.feat-wrap{max-width:760px;margin:24px auto 0;padding:0 12px}.feat-head{margin-bottom:8px;text-align:center}.section-title-img{width:100%;max-width:520px;height:auto;display:block;margin:0 auto}.row-label-img{height:34px;width:auto;display:block;margin:8px auto 14px}.feat-row-label{text-align:center}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 4px 16px}.feat-grid::-webkit-scrollbar{display:none}.feat-card{min-width:0;cursor:pointer;display:block;text-decoration:none;background-repeat:no-repeat;background-position:center;background-size:100% 100%;aspect-ratio:353 / 230;border:none;border-radius:0;padding:0;color:#fff;transition:transform .15s,filter .15s;position:relative;overflow:hidden}.feat-card-week{background-image:url(/s/vibe-app-rank/design/card-week.png)}.feat-card-new{background-image:url(/s/vibe-app-rank/design/card-new.png)}.feat-card:active{transform:scale(.97);filter:brightness(1.15)}.feat-card.disabled{cursor:default;pointer-events:none}.feat-card.disabled .feat-name{color:#ffffff9e}.feat-card.disabled .feat-slogan{color:#9a9a9a9e}.feat-card-inner{position:absolute;left:0;right:0;top:24%;bottom:10%;padding:0 7%;display:flex;flex-direction:column;justify-content:center;gap:4px}.feat-name{font-size:clamp(11px,3.5vw,14px);font-weight:700;line-height:1.3;color:#fff;letter-spacing:-.2px;word-break:normal;overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feat-slogan{font-size:clamp(9px,2.7vw,11px);color:#9a9a9a;line-height:1.35;word-break:normal;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chan-wrap{max-width:760px;margin:28px auto 0;padding:0 12px}.chan-head{margin-bottom:8px}.chan-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:2px 4px 10px}.chan-chip{cursor:pointer;background:transparent;border-radius:10px;transition:.18s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:0}.chan-chip:active{opacity:.8}.chip-img{width:100%;height:auto;display:block;border-radius:10px}.chan-panel{margin-top:8px;padding:0}.panel{max-width:760px;margin:14px auto 0;padding:0 12px}.desc{font-size:12px;color:#aaa;margin:0 4px 10px;line-height:1.6}.desc b{color:#e0e0e0}table{width:100%;border-collapse:collapse;background:#232323;border-radius:14px;overflow:hidden;box-shadow:0 2px 10px #0000004d}td{padding:12px 8px;border-bottom:1px solid #333;vertical-align:middle;color:#ddd}tr:last-child td{border-bottom:none}tr.top3{background:linear-gradient(90deg,rgba(234,178,53,.06),transparent)}.c-rk{width:48px;text-align:center;font-size:18px}.medal-img{width:34px;height:34px;display:block;margin:0 auto;object-fit:contain}.rk{display:inline-block;width:26px;height:26px;line-height:26px;font-size:13px;color:#888;font-weight:700}.c-name{font-size:14px;font-weight:600;line-height:1.4;max-width:220px;display:inline-block;word-break:break-all;color:#fff}a.c-name.lnk{color:#fff;text-decoration:none;border-bottom:1px dashed rgba(234,178,53,.4);cursor:pointer;transition:.15s}a.c-name.lnk:hover{color:#eab235;border-bottom-color:#eab235}a.c-name.lnk:after{content:"↗";font-size:10px;color:#eab235;margin-left:3px;opacity:.6}.c-desc{font-size:11px;color:#888;line-height:1.4;margin-top:3px;max-width:260px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.c-meta{font-size:10px;color:#777;margin-top:4px}.c-main{width:100px;text-align:right;white-space:nowrap}.c-main b{font-size:17px;color:#eab235}.c-main .u{font-size:11px;color:#888;margin-left:2px}.c-sub{text-align:right;font-size:11px;color:#888;white-space:nowrap;padding-left:4px}.rank-bar{max-width:760px;margin:0 auto;position:relative;padding:0}.rank-back-btn{display:block;width:100%;background:transparent;border:none;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;transition:opacity .15s}.rank-back-btn:active{opacity:.7}.back-img{width:100%;height:auto;display:block}.rank-hero-date{position:absolute;right:18px;bottom:22%;font-size:12px;color:#ffffff73;pointer-events:none}.tabs{max-width:760px;margin:12px auto 0;display:flex;gap:6px;padding:0 12px}.tab{flex:1;text-align:center;background:transparent;cursor:pointer;transition:.2s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;padding:0;border-radius:10px;overflow:hidden}.tab:active{opacity:.8}.tab-img{width:100%;height:auto;display:block;border-radius:10px}.loading{text-align:center;padding:40px;color:#777;font-size:14px}.load-error{text-align:center;padding:20px;color:#eab235;font-size:13px}@media (max-width:520px){.c-main b{font-size:15px}.c-sub{font-size:10px}.c-name{max-width:140px}.c-desc{max-width:160px}.section-title-text{font-size:24px}.row-label-img{height:30px}.gold-label{font-size:9px;padding:1px 6px}.feat-card-inner{padding:0 6%;gap:3px}.feat-name{font-size:clamp(10px,3.1vw,12px);line-height:1.2;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:none}.feat-slogan{line-height:1.3;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:none}.back-img{width:100%}.rank-hero-date{right:12px;font-size:11px}.medal-img{width:30px;height:30px}.c-rk{width:40px}}.footer{width:100%;max-width:760px;margin:0 auto;padding:44px 20px 52px;text-align:center}.footer-search{width:45%;max-width:340px;height:auto;display:inline-block}