:root{--bg:#08090d;--surface:#11131a;--surface2:#181b24;--line:rgba(255,255,255,.08);--text:#f7f8fb;--muted:#9299a8;--accent:#ff285e;--accent2:#8c45ff;--green:#32d583;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{overscroll-behavior-y:none}button,input{font:inherit}.app-shell{min-height:100vh;min-height:100dvh;padding-top:env(safe-area-inset-top)}.topbar{height:64px;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));display:flex;align-items:center;gap:12px;position:sticky;top:env(safe-area-inset-top);z-index:30;background:rgba(8,9,13,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.brand{border:0;background:none;padding:0;display:flex;align-items:center;gap:10px;color:var(--text);font-weight:850;font-size:18px;letter-spacing:-.4px}.brand img{width:38px;height:38px;border-radius:12px;box-shadow:0 5px 20px rgba(176,50,255,.22)}.line-state{margin-left:auto;display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.line-state i{width:7px;height:7px;border-radius:50%;background:#f1a93b}.line-state.online i{background:var(--green);box-shadow:0 0 0 5px rgba(50,213,131,.1)}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:13px;background:var(--surface);color:#d8dbe3;font-size:22px}.home-view{max-width:1120px;margin:auto;padding:16px max(14px,env(safe-area-inset-right)) calc(34px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.hero{position:relative;isolation:isolate;min-height:230px;padding:26px 24px;border:1px solid rgba(255,255,255,.1);border-radius:28px;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#202335 0%,#141722 54%,#17101c 100%);box-shadow:0 24px 60px rgba(0,0,0,.28)}.hero:before{content:"";position:absolute;z-index:-1;width:300px;height:300px;right:-70px;top:-120px;border-radius:50%;background:radial-gradient(circle,#ff285e 0%,rgba(140,69,255,.62) 38%,transparent 70%);filter:blur(8px);opacity:.75}.hero:after{content:"51";position:absolute;z-index:-1;right:24px;top:-22px;font-size:190px;line-height:1;font-weight:950;letter-spacing:-18px;color:rgba(255,255,255,.035)}.eyebrow{display:block;margin-bottom:12px;color:#ff7697;font-size:10px;font-weight:800;letter-spacing:1.5px}.hero h1{margin:0;font-size:clamp(34px,9vw,56px);line-height:1.02;letter-spacing:-2.2px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#ff4c77,#b66cff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{max-width:430px;margin:14px 0 0;color:#b4bac7;font-size:14px;line-height:1.6}.hero-actions{min-width:155px;display:flex;flex-direction:column;align-items:flex-end;gap:14px}.install-button{border:0;border-radius:15px;padding:13px 17px;background:#fff;color:#11131a;font-weight:800;box-shadow:0 9px 25px rgba(0,0,0,.25)}.install-button span{margin-right:4px}.hero-stats{display:flex;align-items:center;gap:8px}.hero-stats b{font-size:25px}.hero-stats span{color:var(--muted);font-size:12px}.discover{display:flex;align-items:center;gap:12px;margin:18px 0 25px}.search{height:52px;min-width:0;flex:1;padding:0 16px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.search:focus-within{border-color:rgba(255,40,94,.5);box-shadow:0 0 0 4px rgba(255,40,94,.07)}.search span{color:#7e8798;font-size:23px}.search input{min-width:0;flex:1;border:0;outline:0;background:none;color:var(--text);font-size:16px}.filter-tabs{height:52px;padding:5px;display:flex;gap:3px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.filter-tabs button{min-width:58px;border:0;border-radius:11px;padding:0 13px;background:none;color:var(--muted);font-size:13px;font-weight:700}.filter-tabs button.active{background:var(--surface2);color:#fff;box-shadow:0 3px 12px rgba(0,0,0,.22)}.section-title{display:flex;align-items:end;justify-content:space-between;margin:0 2px 14px}.section-title small{display:block;margin-bottom:3px;color:#ff517b;font-size:9px;font-weight:800;letter-spacing:1.6px}.section-title h2{margin:0;font-size:23px;letter-spacing:-.5px}.section-title>span{color:var(--muted);font-size:12px}.project-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.category-label{grid-column:1/-1;margin:14px 2px 0;color:#afb5c1;font-size:13px;font-weight:750}.project-card{position:relative;min-width:0;height:78px;padding:13px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,var(--surface2),var(--surface));display:grid;grid-template-columns:48px minmax(0,1fr) 18px;align-items:center;gap:11px;color:var(--text);text-align:left;box-shadow:0 8px 20px rgba(0,0,0,.12);transition:transform .16s ease,border-color .16s ease,background .16s ease}.project-card:active{transform:scale(.975);background:#1d202a}.project-card:hover{border-color:rgba(255,255,255,.16)}.project-card b{position:relative;width:48px;height:48px;display:grid;place-items:center;border-radius:15px;overflow:hidden;background:linear-gradient(145deg,var(--accent),var(--accent2));font-size:13px}.project-card b img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#fff}.project-card>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:750}.project-card>i{color:#626a7a;font-size:25px;font-style:normal;font-weight:300}.empty,.noscript{text-align:center;color:var(--muted);padding:45px}.browser-view{height:calc(100vh - 64px - env(safe-area-inset-top));height:calc(100dvh - 64px - env(safe-area-inset-top));display:flex;flex-direction:column}.browser-view[hidden]{display:none}.browser-tools{min-height:48px;display:flex;align-items:center;gap:5px;padding:4px 8px;background:var(--surface);border-bottom:1px solid var(--line)}.browser-tools button{border:0;border-radius:9px;background:none;padding:9px;color:#d6dae3;font-size:13px}.browser-tools button:active{background:var(--surface2)}.browser-tools strong{min-width:0;flex:1;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.browser-view iframe{width:100%;min-height:0;flex:1;border:0;background:#fff}@media(max-width:760px){.home-view{padding-top:12px}.hero{min-height:220px;padding:23px 21px;align-items:flex-start;flex-direction:column}.hero-actions{width:100%;min-width:0;flex-direction:row;align-items:center;justify-content:space-between}.discover{align-items:stretch;flex-direction:column}.filter-tabs{width:100%}.filter-tabs button{flex:1}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.project-card{height:76px;padding:11px;grid-template-columns:46px minmax(0,1fr) 14px}.project-card b{width:46px;height:46px}}@media(max-width:350px){.line-state span{display:none}.project-grid{grid-template-columns:1fr}.hero h1{font-size:35px}.project-card{height:72px}}@media(min-width:1000px){.home-view{padding-top:26px}.project-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{min-height:260px;padding:34px}.project-card{height:84px}}@media(orientation:landscape) and (max-height:520px){.hero{min-height:170px;flex-direction:row;align-items:flex-end}.hero h1{font-size:36px}.hero p{margin-top:8px}.discover{flex-direction:row}}