@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-vietnamese-wght-normal.qRpaaN48.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-latin-ext-wght-normal.DmpS2jIq.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/plus-jakarta-sans-latin-wght-normal.eXO_dkmS.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--brand: #7c3aed;--brand-600: #6d28d9;--brand-500: #8b5cf6;--brand-400: #a78bfa;--brand-300: #c4b5fd;--brand-soft: #ede9fe;--pink: #ec4899;--pink-soft: #fdf2f8;--orange: #f97316;--orange-soft: #fff7ed;--amber: #f59e0b;--amber-soft: #fffbeb;--teal: #14b8a6;--teal-soft: #f0fdfa;--sky: #0ea5e9;--sky-soft: #f0f9ff;--rose: #f43f5e;--rose-soft: #fff1f2;--bg: #f7f5fb;--surface: #ffffff;--surface-2: #f0edf8;--text: #201a38;--text-muted: #6b6480;--text-faint: #9a94ad;--border: #e7e3f1;--border-strong: #d8d2e8;--shadow-sm: 0 1px 2px rgba(32, 26, 56, .06);--shadow-md: 0 6px 20px rgba(32, 26, 56, .08);--shadow-lg: 0 18px 44px rgba(32, 26, 56, .16);--radius: 14px;--radius-sm: 10px;--radius-lg: 22px;--gradient: linear-gradient(120deg, #7c3aed 0%, #c026d3 45%, #f97316 110%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:none}h1,h2,h3,h4{line-height:1.2;letter-spacing:-.01em}.container{max-width:1120px;margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:50;background:#ffffffd9;backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:12px;padding-bottom:12px}.logo{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:1.15rem;color:var(--text)}.logo:hover{color:var(--text)}.logo-mark{width:30px;height:30px;border-radius:9px;background:var(--gradient);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;flex-shrink:0}.logo .logo-accent{color:var(--brand-600)}.site-header nav{display:flex;align-items:center;gap:4px}.site-header nav a{margin:0;padding:7px 14px;border-radius:10px;color:var(--text-muted);font-size:.92rem;font-weight:600;transition:background .15s,color .15s}.site-header nav a:hover{background:var(--brand-soft);color:var(--brand-600)}.hero{position:relative;overflow:hidden;padding:64px 0 56px;margin:0 0 8px;background:var(--gradient);color:#fff}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 85% -10%,rgba(255,255,255,.22),transparent 60%),radial-gradient(500px 280px at 10% 110%,rgba(255,255,255,.16),transparent 60%);pointer-events:none}.hero .container{position:relative}.hero h1{font-size:2.6rem;font-weight:800;margin:0 0 14px;color:#fff;max-width:720px}.hero p{font-size:1.15rem;color:#ffffffeb;max-width:640px;margin:0 0 28px}.hero .stat-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.hero .stat{background:#ffffff29;border:1px solid rgba(255,255,255,.25);padding:7px 15px;border-radius:999px;font-size:.88rem;font-weight:600;backdrop-filter:blur(4px)}.search-box{position:relative;max-width:560px}.search-box input{width:100%;padding:17px 20px;font-size:1.02rem;border:none;border-radius:16px;background:#fff;color:var(--text);box-shadow:0 12px 34px #201a3838;outline:none}.search-box input::placeholder{color:var(--text-faint)}.search-results{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:14px;border:1px solid var(--border);box-shadow:var(--shadow-lg);max-height:360px;overflow:auto;z-index:30;text-align:left;color:var(--text)}.search-results:empty{display:none}.search-results a{display:block;padding:12px 18px;border-bottom:1px solid var(--border);color:var(--text);font-weight:600}.search-results a:last-child{border-bottom:none}.search-results a:hover{background:var(--brand-soft)}.search-results .muted{color:var(--text-muted);font-size:.85rem;font-weight:400}.section{padding:40px 0}.section h2{font-size:1.6rem;font-weight:800;margin:0 0 6px}.section>.section-sub{color:var(--text-muted);margin:0 0 22px;max-width:640px}.grid{display:grid;gap:16px}.grid.categories{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin-top:8px}.grid.apps{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:block;color:var(--text);box-shadow:var(--shadow-sm);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--brand-300);color:var(--text)}.card h3{margin:0 0 6px;font-size:1.05rem;font-weight:700}.card p{margin:0 0 12px;color:var(--text-muted);font-size:.9rem}.card .meta{font-size:.82rem;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:8px;align-items:center}.badge{display:inline-flex;align-items:center;gap:5px;background:var(--brand-soft);color:var(--brand-600);padding:3px 11px;border-radius:999px;font-size:.78rem;font-weight:700}.badge.gray{background:var(--surface-2);color:var(--text-muted)}.badge.stars{background:var(--amber-soft);color:#b45309}.badge .icon{width:13px;height:13px}.cat-card{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;color:var(--text);box-shadow:var(--shadow-sm);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.cat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-strong);color:var(--text)}.cat-icon{width:44px;height:44px;border-radius:12px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:#fff}.cat-icon svg{width:22px;height:22px}.cat-card .cat-body{min-width:0}.cat-card h3{margin:0;font-size:.95rem;font-weight:700;line-height:1.25}.cat-card .cat-count{font-size:.78rem;color:var(--text-muted);font-weight:600}.app-card-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.app-logo{position:relative;width:44px;height:44px;border-radius:11px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1.15rem;color:#fff;overflow:hidden;background:var(--brand-500)}.app-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;padding:5px}.app-card-head h3{margin:0;font-size:1.08rem}.app-card-head .app-domain{font-size:.78rem;color:var(--text-faint);font-weight:600;margin-top:2px}.app-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;margin:24px 0;box-shadow:var(--shadow-sm)}.app-hero .app-hero-head{display:flex;align-items:flex-start;gap:18px;margin-bottom:6px}.app-hero .app-logo{width:64px;height:64px;border-radius:16px;font-size:1.6rem}.app-hero h1{margin:0 0 6px;font-size:1.9rem}.app-hero .desc{color:var(--text-muted);font-size:1.05rem;margin:0}.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:22px 0}.fact{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.fact .label{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-faint);font-weight:700}.fact .value{font-weight:700;margin-top:4px;font-size:.95rem}.actions{display:flex;flex-wrap:wrap;gap:10px}.btn{display:inline-flex;align-items:center;gap:7px;background:var(--brand);color:#fff;font-weight:700;font-size:.92rem;padding:10px 18px;border-radius:12px;transition:background .15s,transform .15s}.btn:hover{background:var(--brand-600);color:#fff;transform:translateY(-1px)}.btn.secondary{background:var(--surface-2);color:var(--text)}.btn.secondary:hover{background:var(--brand-soft);color:var(--brand-600)}.btn.ghost{background:transparent;color:var(--brand);border:1px solid var(--brand-300)}.btn.ghost:hover{background:var(--brand-soft)}.breadcrumb{font-size:.86rem;color:var(--text-muted);margin:22px 0 0}.breadcrumb a{color:var(--text-muted);font-weight:600}.breadcrumb a:hover{color:var(--brand-600)}.vs-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--gradient);color:#fff;font-weight:800;font-size:.85rem;padding:4px 14px;border-radius:999px;letter-spacing:.02em}.site-footer{margin-top:56px;background:#221a40;color:#cbc4e0;border-top:none}.site-footer .container{padding-top:44px;padding-bottom:36px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}.footer-brand .logo{color:#fff}.footer-brand p{color:#b7aed6;font-size:.9rem;max-width:340px}.site-footer h4{color:#fff;font-size:.95rem;margin:0 0 12px}.site-footer ul{list-style:none;margin:0;padding:0}.site-footer li{margin-bottom:8px}.site-footer a{color:#cbc4e0;font-size:.9rem}.site-footer a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding-top:20px;font-size:.82rem;color:#948bb5}.cat-header{display:flex;align-items:center;gap:16px;margin-bottom:6px}.cat-header .cat-icon{width:56px;height:56px;border-radius:16px}.cat-header .cat-icon svg{width:28px;height:28px}.cat-header h1{margin:0 0 4px;font-size:1.8rem}.cat-header p{margin:0}.app-hero .app-hero-head h1{margin:0 0 4px}.app-hero .app-domain{color:var(--text-muted);font-weight:600;font-size:.95rem;margin:0}.app-hero .app-hero-head .desc{margin-top:10px}.app-hero .app-logo img{padding:8px}.vs-head{display:flex;align-items:center;justify-content:center;gap:22px;margin-bottom:22px;flex-wrap:wrap}.vs-side{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;min-width:130px}.vs-side h2{margin:0;font-size:1.2rem}@media(max-width:760px){.hero h1{font-size:2rem}.hero{padding:48px 0 44px}.footer-grid{grid-template-columns:1fr;gap:24px}.site-header nav a{padding:7px 10px;font-size:.85rem}.app-hero{padding:22px}.app-hero .app-hero-head{flex-direction:column}}