:root{color-scheme:light;--ink:#0f0f0f;--muted:#606060;--line:#e5e5e5;--brand:#2d97ed;--button-bg:#0874c7;--button-hover:#0664ae;--button-text:#fff;--accent:#17649f;--brand-soft:#eaf5ff;--brand-hover:#d8ecfc;--soft:#f2f2f2;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--type-h1:700 34px/1.2 var(--font);--type-h2:650 22px/1.35 var(--font);--type-title:600 16px/1.5 var(--font);--type-body:400 14px/1.5 var(--font);--type-small:400 12px/1.5 var(--font);--canvas:#fff;--type-h3:600 24px/1.333 var(--font);--type-h4:600 20px/1.5 var(--font);--type-title-lg:600 18px/1.333 var(--font);--type-title-md:600 16px/1.5 var(--font);--type-title-sm:600 14px/1.428 var(--font);--type-body-lg:400 18px/1.5 var(--font);--type-body-md:400 16px/1.5 var(--font);--type-body-sm:400 14px/1.5 var(--font);--type-body-xs:500 12px/1.5 var(--font)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:var(--type-body)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}h1,h2,h3,p{margin:0}[hidden]{display:none!important}
.sidebar{position:fixed;inset:0 auto 0 0;width:236px;padding:28px 22px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto}.brand{display:flex;flex-direction:row;align-items:center;gap:12px;margin-bottom:28px}.brand img{object-fit:contain;width:92px;height:36px}.brand span{font:var(--type-small);color:var(--muted);padding-left:12px;border-left:1px solid var(--line);white-space:nowrap}
.search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #ccc;border-radius:24px;padding:10px 14px}.search:focus-within{border-color:var(--brand)}.search svg{width:16px;height:16px;flex-shrink:0;fill:none;stroke:var(--muted);stroke-width:1.8}.search input{width:100%;min-width:0;border:0;background:transparent;color:var(--ink);outline:0}.search input:focus-visible{outline:0}.sidebar-label{font:var(--type-small);color:var(--muted);margin:30px 10px 10px}.filters{display:flex;flex-direction:column;gap:4px}.filter{border:0;border-radius:10px;text-align:left;padding:11px 14px;background:transparent;color:var(--ink)}.filter:hover{background:#f2f2f2}.filter[aria-pressed=true],.filter[aria-current=page]{background:#f2f2f2;font-weight:600;color:var(--ink)}.help-link{margin-top:auto;padding:32px 10px 0;color:var(--muted);font:var(--type-small)}.help-link span{float:right}
.content{margin-left:236px;max-width:1400px;padding:40px 48px 0;min-height:100dvh;display:flex;flex-direction:column}.content main{flex:1;min-width:0}.page-header{display:flex;align-items:baseline;gap:16px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:24px}.page-header h1{font:var(--type-h1)}.page-header>span{color:var(--muted);font:var(--type-body)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:10px}.section-head h2{font:var(--type-h2)}#count{font:var(--type-small);color:var(--muted);margin-top:5px}.sort-label select{border:0;border-radius:8px;background:var(--soft);color:var(--ink);padding:8px 10px;max-width:130px;font:var(--type-small)}
.app-row{display:grid;grid-template-columns:76px minmax(0,1fr) 76px;align-items:center;gap:20px;padding:20px 14px;border-radius:12px;border-bottom:0}.app-icon{display:block;width:76px;height:76px;background:#fff;border:1px solid #eee;border-radius:17px;overflow:hidden}.app-icon img{width:100%;height:100%;object-fit:contain}.app-title{font:var(--type-title);overflow-wrap:anywhere}.app-title:hover{color:var(--accent)}.app-summary{color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.app-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:9px;color:var(--muted);font:var(--type-small)}.app-tags{display:flex;flex-wrap:wrap;gap:5px;list-style:none;padding:0;margin:0}.app-tags li{background:var(--soft);padding:4px 9px;border-radius:8px;max-width:100%;overflow-wrap:anywhere}.app-action{text-align:center}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:20px;background:var(--button-bg);color:var(--button-text);padding:7px 18px;min-width:72px;font:600 14px/1.5 var(--font)}.button:hover{background:var(--button-hover)}.app-action>span{display:block;margin-top:6px;font:var(--type-small);color:var(--muted)}
.guide{margin-top:36px;color:var(--muted);font:var(--type-small)}.guide summary{cursor:pointer;width:fit-content;padding:8px 0;color:var(--accent)}.guide ol{padding-left:20px;line-height:2;margin:8px 0 0}.empty{padding:64px 0;text-align:center}.empty h3{font:var(--type-title)}.empty p{color:var(--muted);margin:8px 0 20px}.skeleton{height:125px;border-bottom:1px solid var(--line);background:linear-gradient(#f5f5f7,#f5f5f7) left 24px/76px 76px no-repeat}footer{display:flex;justify-content:space-between;gap:16px;padding:24px 0;margin-top:64px;color:var(--muted);font:var(--type-small);border-top:1px solid var(--line)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:12px;z-index:5;padding:12px;background:#fff}.skip-link:focus{top:12px}
@media(max-width:1079px){.sidebar{width:210px;padding-inline:18px}.content{margin-left:210px;padding:32px 28px 0}.app-row{gap:14px;grid-template-columns:64px minmax(0,1fr) 72px}.app-icon{width:64px;height:64px;border-radius:14px}}
@media(max-width:719px){:root{--type-h1:700 30px/1.2 var(--font);--type-h2:650 20px/1.35 var(--font)}.sidebar{position:static;width:auto;padding:20px 20px 0;border:0;background:#fff;overflow:visible}.brand{flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:18px;gap:16px}.brand img{width:94px;height:36px}.brand span{font-size:12px}.search{padding-block:10px}.sidebar-label,.help-link{display:none}.filters{flex-direction:row;gap:8px;overflow-x:auto;margin-top:16px;padding-bottom:4px}.filter{white-space:nowrap;flex-shrink:0;padding:8px 12px}.content{margin:0;padding:26px 20px 0;min-height:calc(100dvh - 175px)}.page-header{padding-bottom:20px;margin-bottom:24px;justify-content:space-between}.section-head{gap:10px}.app-row{grid-template-columns:56px minmax(0,1fr) 60px;gap:12px;padding:22px 0;align-items:start}.app-icon{width:56px;height:56px;border-radius:13px}.app-title{font-size:14px}.app-summary{font:var(--type-small)}.app-meta{gap:6px}.app-action{padding-top:4px}.button{min-width:60px;padding:6px 12px}.app-action>span{font-size:12px}.guide{margin-top:24px}footer{margin-top:40px;flex-wrap:wrap;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.app-list{display:grid;gap:8px}.app-row:hover{background:#fafafa}.app-row:focus-within{background:#f7faff}.search svg{stroke:var(--ink)}.filter{transition:background-color .15s}.button{transition:background-color .15s}.page-header{border-bottom:0}.app-title:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.guide summary{color:var(--muted)}@media(max-width:719px){.app-row{padding-inline:0}.filter{background:var(--soft);border-radius:8px}.filter[aria-pressed=true],.filter[aria-current=page]{background:var(--ink);color:#fff}}@media(prefers-reduced-motion:reduce){.filter,.button{transition:none}}