.NoqnXa_matrix{max-width:var(--layout-max);padding:0 var(--layout-gutter) var(--space-24);padding-left:max(var(--layout-gutter), env(safe-area-inset-left));padding-right:max(var(--layout-gutter), env(safe-area-inset-right));margin:0 auto}.NoqnXa_matrixIntro{margin-bottom:var(--space-8)}.NoqnXa_eyebrow{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-eyebrow);margin:0 0 var(--space-3);text-transform:uppercase;font-weight:500}.NoqnXa_titleRow{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.NoqnXa_title{font-size:var(--text-title);letter-spacing:var(--tracking-tight);text-wrap:balance;margin:0;font-weight:600;line-height:1.25}.NoqnXa_title:lang(zh){letter-spacing:0}.NoqnXa_count{border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--text-caption);font-variant-numeric:tabular-nums;white-space:nowrap;padding:3px 10px}.NoqnXa_subline{color:var(--color-text-secondary);font-size:var(--text-sm);margin:var(--space-2) 0 0;max-width:620px;line-height:1.6}.NoqnXa_toolbar{border-bottom:1px solid var(--color-border-subtle);align-items:center;gap:var(--space-4);padding:var(--space-3) 0;display:flex}.NoqnXa_searchBox{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);flex:0 320px;align-items:center;gap:10px;min-height:44px;padding:0 14px;transition:border-color .16s,box-shadow .16s;display:flex}.NoqnXa_searchBox:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-focus-ring)}.NoqnXa_searchIcon{flex:none;width:18px;height:18px}.NoqnXa_searchInput{color:var(--color-text);font:inherit;font-size:var(--text-body);background:0 0;border:0;outline:0;width:100%;min-width:0}.NoqnXa_searchInput::placeholder{color:var(--color-text-faint)}.NoqnXa_searchInput::-webkit-search-cancel-button{cursor:pointer}.NoqnXa_categoryScroller{flex:auto;min-width:0;position:relative}.NoqnXa_categoryScroller[data-fade-right=true]{-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 40px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 40px),#0000 100%)}.NoqnXa_categoryScroller[data-fade-left=true]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 40px);mask-image:linear-gradient(90deg,#0000 0,#000 40px)}.NoqnXa_categoryScroller[data-fade-left=true][data-fade-right=true]{-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 40px calc(100% - 40px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 40px calc(100% - 40px),#0000 100%)}.NoqnXa_categoryNav{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.NoqnXa_categoryNav::-webkit-scrollbar{display:none}.NoqnXa_categoryButton{border-radius:var(--radius-pill);color:var(--color-text-secondary);cursor:pointer;font:inherit;font-size:var(--text-label);white-space:nowrap;background:0 0;border:0;flex:none;min-height:40px;padding:0 14px;font-weight:500;transition:background-color .16s,color .16s}.NoqnXa_categoryButton:hover{background:var(--color-surface-hover);color:var(--color-text)}.NoqnXa_categoryButton[aria-pressed=true]{background:var(--color-accent-soft);color:var(--color-accent)}.NoqnXa_categoryButton:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.NoqnXa_directoryLayout{align-items:start;gap:var(--space-10);margin-top:var(--space-8);grid-template-columns:minmax(0,1fr) 264px;display:grid}.NoqnXa_iconGrid{gap:var(--space-5) var(--space-4);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.NoqnXa_appItem{border-radius:var(--radius-md);color:inherit;min-width:0;padding:var(--space-3) var(--space-2) var(--space-3);border:1px solid #0000;flex-direction:column;align-items:center;text-decoration:none;transition:background-color .16s,border-color .16s,box-shadow .16s;display:flex}.NoqnXa_appItem:hover{background:var(--color-surface);border-color:var(--color-border-subtle);box-shadow:var(--shadow-card-hover)}.NoqnXa_appItem:focus-visible{border-color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:2px}.NoqnXa_appIcon{aspect-ratio:1;box-shadow:var(--shadow-icon);border-radius:15px;width:min(100%,64px);max-width:64px;height:auto;display:block}.NoqnXa_appName{color:var(--color-text);font-size:var(--text-label);overflow-wrap:anywhere;text-align:center;max-width:100%;margin-top:10px;font-weight:500;line-height:1.3}.NoqnXa_appCategory{-webkit-line-clamp:2;color:var(--color-text-muted);font-size:var(--text-caption);text-align:center;-webkit-box-orient:vertical;max-width:100%;margin-top:2px;line-height:1.4;display:-webkit-box;overflow:hidden}.NoqnXa_recommendation{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5);top:calc(var(--header-height) + var(--space-4));position:sticky}.NoqnXa_recommendationHeader{margin-bottom:var(--space-2)}.NoqnXa_recommendation>p{color:var(--color-text-muted);font-size:var(--text-caption);margin:var(--space-2) 0 0;line-height:1.5}.NoqnXa_recommendationEyebrow{color:var(--color-warm);font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;margin:0 0 4px;font-weight:500}.NoqnXa_recommendationTitle{font-size:var(--text-subtitle);letter-spacing:var(--tracking-tight);margin:0;font-weight:600}.NoqnXa_recommendationTitle:lang(zh){letter-spacing:0}.NoqnXa_recommendationList{gap:2px;margin:0;padding:0;list-style:none;display:grid}.NoqnXa_recommendationItem{border-radius:var(--radius-sm);color:inherit;align-items:center;gap:12px;min-height:56px;padding:8px;text-decoration:none;transition:background-color .16s;display:flex}.NoqnXa_recommendationItem:hover{background:var(--color-surface-hover)}.NoqnXa_recommendationItem:focus-visible{outline:2px solid var(--color-accent);outline-offset:1px}.NoqnXa_recommendationIcon{box-shadow:var(--shadow-icon);border-radius:10px;flex:none;width:40px;height:40px}.NoqnXa_recommendationCopy{flex:auto;min-width:0}.NoqnXa_recommendationName{color:var(--color-text);font-size:var(--text-label);text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:block;overflow:hidden}.NoqnXa_chevron{color:var(--color-text-faint);flex:none;width:16px;height:16px;transition:color .16s}.NoqnXa_recommendationItem:hover .NoqnXa_chevron{color:var(--color-text-secondary)}.NoqnXa_emptyState{color:var(--color-text-muted);padding:var(--space-16) var(--space-4);text-align:center;grid-column:1/-1}.NoqnXa_emptyState p{font-size:var(--text-sm);margin:0 0 var(--space-4)}.NoqnXa_emptyState button{background:var(--color-accent-solid);border-radius:var(--radius-sm);color:var(--color-on-accent);cursor:pointer;font:inherit;font-size:var(--text-label);min-height:44px;padding:0 var(--space-4);border:0;font-weight:500}.NoqnXa_emptyState button:hover{background:var(--color-accent-solid-hover)}.NoqnXa_emptyState button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.NoqnXa_appGrid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.NoqnXa_appCard{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:inherit;flex-direction:column;min-width:0;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;overflow:hidden}.NoqnXa_appCard:hover{border-color:var(--color-accent);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.NoqnXa_appCard:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}.NoqnXa_appPreview{aspect-ratio:16/10;background:radial-gradient(circle at 25% 20%, #ffffff85, transparent 35%), linear-gradient(135deg, var(--color-accent-soft), var(--color-surface-sunken));position:relative;overflow:hidden}.NoqnXa_appPreviewImage{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .26s;display:block}.NoqnXa_appCard:hover .NoqnXa_appPreviewImage{transform:scale(1.035)}.NoqnXa_appPreviewFallback{color:var(--color-text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;padding:24px;display:flex}.NoqnXa_appPreviewIcon{box-shadow:var(--shadow-icon);border-radius:18px;width:72px;height:72px}.NoqnXa_appPlatform,.NoqnXa_appArrow{color:#fff;font-size:var(--text-micro);background:#0f132ad1;border:1px solid #fff3;font-weight:700;line-height:1;position:absolute;top:12px}.NoqnXa_appPlatform{border-radius:var(--radius-pill);padding:6px 9px;left:12px}.NoqnXa_appArrow{border-radius:50%;place-items:center;width:28px;height:28px;display:grid;right:12px}.NoqnXa_appCardBody{flex-direction:column;flex:1;gap:9px;padding:16px 17px 17px;display:flex}.NoqnXa_appCardHeading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.NoqnXa_appCardHeading h3{font-size:var(--text-subtitle);letter-spacing:var(--tracking-tight);overflow-wrap:anywhere;margin:0;font-weight:700;line-height:1.25}.NoqnXa_appCardBody p{color:var(--color-text-muted);font-size:var(--text-caption);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:3.1em;margin:0;line-height:1.55;display:-webkit-box;overflow:hidden}.NoqnXa_appAction{color:var(--color-accent);font-size:var(--text-caption);margin-top:auto;font-weight:700}@media (min-width:981px){.NoqnXa_toolbar{background:var(--color-page);top:var(--header-height);z-index:20;position:sticky}}@media (max-width:1199px){.NoqnXa_appGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.NoqnXa_iconGrid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:1120px){.NoqnXa_directoryLayout{gap:var(--space-8);grid-template-columns:minmax(0,1fr)}.NoqnXa_recommendation{position:static}.NoqnXa_recommendationList{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1023px){.NoqnXa_iconGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:767px){.NoqnXa_iconGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.NoqnXa_matrix{padding-bottom:var(--space-16)}.NoqnXa_toolbar{align-items:stretch;gap:var(--space-3);flex-direction:column}.NoqnXa_searchBox{flex-basis:auto;width:100%}.NoqnXa_categoryNav{margin:0 -4px;padding:0 4px}.NoqnXa_categoryButton{min-height:44px}.NoqnXa_directoryLayout{margin-top:var(--space-6)}.NoqnXa_appGrid{gap:var(--space-4);grid-template-columns:1fr}.NoqnXa_appCardBody{padding:14px}.NoqnXa_appPreview{aspect-ratio:16/9}.NoqnXa_iconGrid{gap:var(--space-4) var(--space-3)}.NoqnXa_appItem{padding:8px 4px}.NoqnXa_appIcon{border-radius:14px;max-width:58px}.NoqnXa_appName{font-size:var(--text-caption);margin-top:8px}.NoqnXa_appCategory{font-size:.75rem}.NoqnXa_recommendationList{grid-template-columns:minmax(0,1fr)}}@media (max-width:419px){.NoqnXa_appItem{padding:8px 2px}.NoqnXa_appName{overflow-wrap:break-word;font-size:.75rem}}@media (prefers-reduced-motion:reduce){.NoqnXa_appCard,.NoqnXa_appItem,.NoqnXa_appPreviewImage,.NoqnXa_categoryButton,.NoqnXa_recommendationItem,.NoqnXa_searchBox,.NoqnXa_chevron{transition:none}}
.hcR4jq_card{border:1px solid var(--color-border-subtle);background:var(--color-surface);min-width:0;color:var(--color-text);border-radius:16px;flex-direction:column;text-decoration:none;transition:border-color .16s,box-shadow .16s,transform .16s;display:flex;overflow:hidden}.hcR4jq_card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-card);transform:translateY(-3px)}.hcR4jq_card:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}.hcR4jq_preview{aspect-ratio:16/10;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface-subtle);position:relative;overflow:hidden}.hcR4jq_image{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.hcR4jq_fallback{text-align:center;place-items:center;height:100%;padding:20px;font-size:1.5rem;font-weight:800;display:grid}.hcR4jq_platform,.hcR4jq_previewLabel{color:#fff;background:#0e131fdb;border:1px solid #fff3;border-radius:6px;padding:5px 9px;font-size:.65rem;font-weight:600;line-height:1.3;position:absolute;top:12px}.hcR4jq_platform{left:12px}.hcR4jq_previewLabel{right:12px}.hcR4jq_body{flex-direction:column;flex:1;padding:17px;display:flex}.hcR4jq_heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.hcR4jq_heading h3{overflow-wrap:anywhere;letter-spacing:-.025em;margin:0;font-size:1rem;font-weight:750;line-height:1.35}.hcR4jq_externalIcon{color:var(--color-text-muted)}.hcR4jq_body p{-webkit-line-clamp:2;min-height:2.9em;color:var(--color-text-muted);-webkit-box-orient:vertical;margin:8px 0 18px;font-size:.8rem;line-height:1.45;display:-webkit-box;overflow:hidden}.hcR4jq_footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.hcR4jq_category{background:var(--color-accent-soft);color:var(--color-accent);border-radius:6px;padding:5px 8px;font-size:.66rem;font-weight:650}.hcR4jq_action{color:var(--color-text-secondary);font-size:.72rem;font-weight:650}@media (max-width:600px){.hcR4jq_body{padding:12px}.hcR4jq_heading h3{font-size:.9rem}.hcR4jq_platform,.hcR4jq_previewLabel{padding:3px 6px;top:8px}.hcR4jq_platform{left:8px}.hcR4jq_previewLabel{right:8px}}@media (prefers-reduced-motion:reduce){.hcR4jq_card{transition:none}.hcR4jq_card:hover{transform:none}}
.QQNXuq_showcase{margin:var(--space-16) auto 0;max-width:var(--layout-max);padding-left:max(var(--layout-gutter), env(safe-area-inset-left));padding-right:max(var(--layout-gutter), env(safe-area-inset-right))}.QQNXuq_section{margin-top:var(--space-12)}.QQNXuq_heading{align-items:flex-end;gap:var(--space-4);justify-content:space-between;display:flex}.QQNXuq_headingText{min-width:0}.QQNXuq_eyebrow{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-eyebrow);margin:0 0 var(--space-2);text-transform:uppercase}.QQNXuq_title{letter-spacing:-.03em;margin:0;font-size:clamp(1.35rem,1.1rem + 1vw,1.75rem);line-height:1.2}.QQNXuq_description{color:var(--color-text-muted);font-size:var(--text-sm);margin:var(--space-2) 0 0;text-wrap:pretty;max-width:620px;line-height:1.7}.QQNXuq_count{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-sm);margin-bottom:var(--space-1)}.QQNXuq_grid{gap:var(--space-5);margin-top:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.QQNXuq_referenceGrid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:900px){.QQNXuq_grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.QQNXuq_showcase{margin-top:var(--space-12)}.QQNXuq_grid,.QQNXuq_referenceGrid{grid-template-columns:1fr}}
.xN3HmW_home{background:var(--color-page);color:var(--color-text)}.xN3HmW_hero{align-items:center;gap:var(--space-12);max-width:var(--layout-max);padding:var(--space-12) var(--layout-gutter) var(--space-16);padding-left:max(var(--layout-gutter), env(safe-area-inset-left));padding-right:max(var(--layout-gutter), env(safe-area-inset-right));grid-template-columns:minmax(0,1fr) 320px;margin:0 auto;display:grid}.xN3HmW_heroCopy{min-width:0;max-width:620px}.xN3HmW_heroEyebrow{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-eyebrow);margin:0 0 var(--space-5);text-transform:uppercase;font-weight:500}.xN3HmW_heroTitle{font-size:var(--text-display);letter-spacing:var(--tracking-display);text-wrap:balance;margin:0;font-weight:600;line-height:1.06}.xN3HmW_heroTitle:lang(zh){letter-spacing:0;line-height:1.18}.xN3HmW_heroAccent{color:var(--color-text-muted);display:block}.xN3HmW_heroText{color:var(--color-text-secondary);font-size:var(--text-lead);margin:var(--space-5) 0 0;text-wrap:pretty;max-width:540px;line-height:1.7}.xN3HmW_heroMeta{color:var(--color-text-muted);font-size:var(--text-caption);align-items:center;gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.xN3HmW_heroStat{align-items:baseline;gap:5px;display:inline-flex}.xN3HmW_heroStat b{color:var(--color-text);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:600}.xN3HmW_heroDivider{background:var(--color-border-strong);width:1px;height:12px}.xN3HmW_heroNew{background:var(--color-warm-soft);border-radius:var(--radius-pill);color:var(--color-warm);padding:3px 10px;font-weight:500}.xN3HmW_heroPreviews{min-height:280px;position:relative}.xN3HmW_heroPreviewBack,.xN3HmW_heroPreviewFront{background:var(--color-surface);border:6px solid #ffffffb8;border-radius:18px;width:min(320px,100%);position:absolute;overflow:hidden;box-shadow:0 24px 54px #1c1f4038}.xN3HmW_heroPreviewBack{top:2px;right:6px;transform:rotate(7deg)}.xN3HmW_heroPreviewFront{z-index:1;top:92px;right:36px;transform:rotate(-6deg)}.xN3HmW_heroPreviewBack img,.xN3HmW_heroPreviewFront img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.xN3HmW_heroPreviewName{color:#fff;background:#0f132ad6;padding:4px 8px;font-size:.7rem;position:absolute;bottom:10px;left:10px}.xN3HmW_heroPreviewLabel{background:var(--color-accent);border-radius:var(--radius-pill);color:var(--color-on-accent);font-size:var(--text-micro);z-index:2;padding:7px 12px;font-weight:700;position:absolute;bottom:3px;right:0}.xN3HmW_footer{border-top:1px solid var(--color-border-subtle)}.xN3HmW_footerInner{color:var(--color-text-muted);font-size:var(--text-caption);align-items:center;gap:var(--space-4);max-width:var(--layout-max);padding:var(--space-6) var(--layout-gutter) calc(var(--space-10) + env(safe-area-inset-bottom));padding-left:max(var(--layout-gutter), env(safe-area-inset-left));padding-right:max(var(--layout-gutter), env(safe-area-inset-right));justify-content:space-between;margin:0 auto;display:flex}.xN3HmW_footerBrand{color:var(--color-text);font-weight:600}.xN3HmW_footerNote{text-align:center;flex:auto}.xN3HmW_footerCopy{font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width:980px){.xN3HmW_hero{padding-bottom:var(--space-12);padding-top:var(--space-12);grid-template-columns:minmax(0,1fr)}.xN3HmW_heroPreviews{width:100%;max-width:460px;min-height:250px;margin:0 auto}}@media (max-width:720px){.xN3HmW_hero{gap:var(--space-8);padding-bottom:var(--space-10);padding-top:var(--space-8)}.xN3HmW_heroTitle{font-size:clamp(1.9rem,1.2rem + 3.6vw,2.5rem)}.xN3HmW_heroText{font-size:var(--text-body);margin-top:var(--space-4);line-height:1.65}.xN3HmW_heroPreviews{display:none}.xN3HmW_heroMeta{margin-top:var(--space-6)}.xN3HmW_footerInner{align-items:flex-start;gap:var(--space-2);flex-direction:column}.xN3HmW_footerNote{text-align:left}}