*{box-sizing:border-box}:root{color-scheme:dark;--bg: #0b0d12;--card: #141821;--card-border: #242a38;--text: #e6e8ee;--text-dim: #8b93a7;--text-muted: #6b7280;--accent: #2f6feb;--accent-hover: #3b7bf7;--gold: #e6c06c;--danger: #e5484d}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg);color:var(--text);overflow:hidden}@media(min-width:520px){body{display:flex;justify-content:center;background:#05070a}#root{width:100%;max-width:480px;border-left:1px solid #1a1d28;border-right:1px solid #1a1d28;box-shadow:0 0 80px #00000080;overflow:hidden}}.app{height:100%;display:flex;flex-direction:column}.app-header{padding:14px 16px 8px;text-align:center;flex:0 0 auto;position:relative}.app-header h1{font-size:20px;margin:0;letter-spacing:.5px}.tagline{color:var(--text-dim);margin:2px 0 0;font-size:13px}.feed-stage{flex:1 1 auto;position:relative;min-height:0;overflow:hidden}.center{text-align:center;padding:40px 0}.swipe-feed{position:absolute;inset:0;overflow:hidden;cursor:grab}.swipe-feed:active{cursor:grabbing}.card-slot{position:absolute;inset:0;padding:10px 12px 72px;will-change:transform}.card{position:relative;height:100%;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--card-border);border-radius:22px;padding:20px 22px;overflow:hidden;box-shadow:0 10px 34px #00000073;transition:border-color .2s ease,opacity .3s ease;cursor:pointer}.card-active{border-color:#313a4e}.card-seen{opacity:.92}.card-glow{position:absolute;top:-40%;left:-20%;width:140%;height:60%;background:radial-gradient(ellipse at top,rgba(47,111,235,.16),transparent 70%);pointer-events:none}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-lang{font-size:13px;color:#7fb3ff;background:#7fb3ff1a;border:1px solid rgba(127,179,255,.28);padding:3px 12px;border-radius:999px}.card-stars{font-size:14px;color:var(--gold);font-weight:600}.card-body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;min-height:0}.card-body h2{font-size:26px;margin:0 0 4px;word-break:break-word}.card-fullname{color:var(--text-dim);font-size:14px;margin:0 0 12px;word-break:break-all}.card-desc{color:#b8bfcd;font-size:15px;line-height:1.65;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.card-topics{display:flex;flex-wrap:wrap;gap:6px}.topic{font-size:12px;color:#7fb3ff;background:#7fb3ff14;border:1px solid rgba(127,179,255,.2);padding:2px 10px;border-radius:999px}.seen-badge{display:inline-block;margin-top:12px;align-self:flex-start;font-size:12px;color:var(--text-muted);border:1px solid #2f3644;padding:2px 10px;border-radius:999px}.card-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;flex:0 0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:10px;font-size:13px;text-decoration:none;cursor:pointer;border:1px solid transparent;background:none;color:inherit;font-family:inherit}.btn-ghost{color:#b8bfcd;border-color:#333b4d;background:#ffffff08}.btn-ghost:hover{border-color:#4a5468;color:var(--text)}.btn-primary{color:#fff;background:var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-disabled{color:var(--text-muted);background:#1d2129;border-color:#2a2f3a;cursor:not-allowed}.btn-dislike{color:#f0a8aa;border-color:#e5484d59;background:#e5484d14;margin-left:auto}.btn-dislike:hover{border-color:var(--danger);color:#ffb3b6}.card-tap-hint{position:absolute;top:14px;right:16px;font-size:11px;color:var(--text-muted)}.feed-progress{position:absolute;left:14px;right:14px;bottom:40px;display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-dim);z-index:5;pointer-events:none}.progress-bar{flex:1;height:4px;background:#232a38;border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease}.feed-hint{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:12px;color:var(--text-muted);display:flex;justify-content:center;gap:16px;z-index:5;pointer-events:none}.detail{position:absolute;inset:0;overflow-y:auto;padding:16px;background:var(--bg)}.detail-back{margin-bottom:12px}.detail-head h2{font-size:26px;margin:0 0 2px;word-break:break-word}.detail-meta{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:wrap}.lang{font-size:12px;color:#9aa4b8;border:1px solid #3b4252;padding:2px 10px;border-radius:999px}.stars{font-size:14px;color:var(--gold)}.meta-source{font-size:12px;color:var(--text-muted)}.detail-block{margin-top:20px}.detail-block h3{font-size:14px;color:var(--text-dim);margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.detail-desc{color:#b8bfcd;line-height:1.7;margin:0;font-size:15px}.detail-info{margin:0}.detail-info dt{color:var(--text-muted);font-size:13px;margin-top:10px}.detail-info dd{margin:2px 0 0;font-size:14px;word-break:break-all}.detail-info a{color:#7fb3ff;text-decoration:none}.detail-info a:hover{text-decoration:underline}.muted{color:var(--text-muted)}.detail-actions{display:flex;gap:10px;margin-top:24px;padding-bottom:40px}.placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #2a2f3a;border-radius:16px;margin:12px;color:#b8bfcd;text-align:center;line-height:2}.pill{display:inline-block;margin:0 6px;padding:2px 12px;border-radius:999px;border:1px solid #3b4252;color:#9aa4b8;font-size:13px}.hint{color:#6b7280;font-size:14px}.foot{flex:0 0 auto;padding:8px 0 14px;text-align:center}.auth-bar{position:absolute;top:10px;right:12px;z-index:20}.auth-box{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.auth-error{max-width:220px;font-size:11px;color:#f0a8aa;background:#e5484d1f;border:1px solid rgba(229,72,77,.3);padding:3px 8px;border-radius:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-login{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid #2f6feb;background:#2f6feb26;color:#9dc0ff;font-size:12px;cursor:pointer;font-family:inherit}.auth-login:hover{background:#2f6feb47}.auth-login:disabled{opacity:.6;cursor:wait}.auth-user{display:inline-flex;align-items:center;gap:6px;background:#ffffff0a;border:1px solid #2a3040;border-radius:999px;padding:3px 10px 3px 4px;font-size:12px;color:#c6cddc}.auth-avatar{width:22px;height:22px;border-radius:50%;object-fit:cover}.auth-name{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-logout{border:none;background:none;color:var(--text-muted);font-size:11px;cursor:pointer;padding:2px 4px;font-family:inherit}.auth-logout:hover{color:#f0a8aa}.btn-like{color:#f0a8aa;border-color:#e5484d59;background:#e5484d14}.btn-like:hover{border-color:var(--danger)}.btn-liked{color:#fff;background:var(--danger);border-color:var(--danger)}.btn-follow{color:#9dc0ff;border-color:#2f6feb66;background:#2f6feb1a}.btn-follow:hover{border-color:var(--accent)}.btn-followed{color:#fff;background:var(--accent);border-color:var(--accent)}.detail-social{display:flex;gap:10px;flex-wrap:wrap}.cheatsheet-view{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;background:var(--bg, #101014)}.cheatsheet-bar{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);background:#00000059;padding-top:calc(10px + env(safe-area-inset-top))}.cheatsheet-title{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;color:var(--text-muted);text-align:center}.cheatsheet-frame-wrap{position:relative;flex:1 1 auto;min-height:0}.cheatsheet-frame{width:100%;height:100%;border:none;background:#fff}.cheatsheet-mask{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--bg, #101014)}.link-button{border:none;background:none;padding:0;font:inherit;color:var(--accent, #2f6feb);cursor:pointer;text-decoration:underline}.bottom-nav{flex:0 0 auto;display:flex;border-top:1px solid var(--card-border);background:#10141d;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 10px;background:none;border:none;color:var(--text-dim);font-size:11px;cursor:pointer;transition:color .2s ease}.bottom-nav-icon{font-size:20px;line-height:1}.bottom-nav-active{color:var(--accent)}.search-view{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden}.search-input-wrap{flex:0 0 auto;display:flex;align-items:center;gap:8px;margin:10px 16px 6px;padding:8px 12px;background:var(--card);border:1px solid var(--card-border);border-radius:12px}.search-icon{font-size:15px;color:var(--text-dim)}.search-input{flex:1;background:none;border:none;outline:none;color:var(--text);font-size:15px}.search-clear{background:none;border:none;color:var(--text-dim);font-size:14px;cursor:pointer;padding:2px 4px}.search-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:6px 16px 20px}.search-results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.search-result-item{display:flex;align-items:stretch;gap:8px;background:var(--card);border:1px solid var(--card-border);border-radius:14px;padding:10px 12px}.search-result-main{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:none;border:none;color:var(--text);font:inherit;text-align:left;cursor:pointer;padding:0}.search-result-name{font-weight:600;font-size:15px}.search-result-desc{flex-basis:100%;color:var(--text-dim);font-size:13px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-result-cs{flex:0 0 auto;align-self:center}.my-view{position:absolute;inset:0;overflow-y:auto;padding:12px 16px 24px}.my-profile{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:14px;margin-bottom:18px}.my-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--card-border)}.my-profile-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.my-nickname{font-size:16px;font-weight:600}.my-github{color:var(--text-dim);font-size:13px}.my-logout{flex:0 0 auto}.my-section{margin-bottom:18px}.my-section-title{font-size:15px;color:var(--text-dim);margin:0 0 8px}.my-projects{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.my-project-item{display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--card-border);border-radius:12px;padding:10px 12px}.my-project-main{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:none;border:none;color:var(--text);font:inherit;text-align:left;cursor:pointer;padding:0}.my-project-name{font-weight:600;font-size:14px}.my-project-cs{flex:0 0 auto}.banner{position:relative;display:block;width:100%;aspect-ratio:16 / 9;overflow:hidden;background:#16181f;color:#e6e8ee;font-family:inherit;-webkit-user-select:none;user-select:none;isolation:isolate;box-sizing:border-box}.banner-clickable{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.banner-clickable:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000059}.banner-clickable:focus-visible{outline:2px solid #2f6feb;outline-offset:2px}.banner-disabled{cursor:not-allowed;opacity:.55}.banner-skeleton{background:linear-gradient(90deg,#16181f,#1e2129,#16181f);background-size:200% 100%;animation:banner-skeleton 1.4s ease-in-out infinite}@keyframes banner-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}.banner-title{margin:0;font-weight:700;letter-spacing:-.01em;line-height:1.2;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-desc{margin:0;line-height:1.35;opacity:.78;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-status{display:inline-flex;align-items:center;height:1.4em;padding:0 .5em;font-size:.7em;font-weight:600;letter-spacing:.02em;border-radius:4px;white-space:nowrap}.banner-status-light{background:#ffffff2e!important;color:#fff!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.banner-split{display:grid;grid-template-columns:40% 60%;width:100%;height:100%;background:#1a1d26}.banner-split-left{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8%;gap:.4em;overflow:hidden}.banner-logo-char{font-weight:800;font-size:clamp(28px,7cqw,88px);line-height:1;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.15)}.banner-split-lang{font-size:.7em;font-weight:600;padding:.18em .55em;border-radius:999px;background:#ffffff2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-split-right{display:flex;flex-direction:column;justify-content:space-between;padding:8%;min-width:0;gap:.5em}.banner-split-title{display:flex;flex-direction:column;gap:.25em;min-width:0}.banner-split-title .banner-title{font-size:clamp(13px,4cqw,28px)}.banner-split-title .banner-desc{font-size:clamp(10px,2.6cqw,16px)}.banner-split-meta{display:flex;flex-direction:column;gap:.45em;min-width:0}.banner-tags{display:flex;flex-wrap:wrap;gap:.3em;min-width:0}.banner-tag{font-size:clamp(9px,2.1cqw,13px);font-weight:500;padding:.15em .55em;border-radius:999px;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.banner-metrics{display:flex;flex-wrap:wrap;align-items:center;gap:.6em;font-size:clamp(9px,2.2cqw,14px)}.banner-metric{display:inline-flex;align-items:center;gap:.25em;color:#c6cddc;white-space:nowrap}.banner-metric-star .banner-metric-icon{filter:saturate(1.1)}.banner-cover{position:relative;width:100%;height:100%;background:#0b0d12}.banner-cover-bg{position:absolute;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:0}.banner-cover-bg-fallback{display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:-.02em}.banner-cover-fallback-char{font-size:clamp(40px,14cqw,180px);opacity:.55;line-height:1}.banner-cover-mask{position:absolute;left:0;right:0;bottom:0;height:45%;background:linear-gradient(to bottom,#0000,#0000008c 60%,#000000c7);z-index:1;pointer-events:none}.banner-cover-content{position:absolute;left:0;right:0;bottom:0;padding:6% 8% 7%;display:flex;flex-direction:column;gap:.45em;color:#fff;z-index:2;text-shadow:0 1px 6px rgba(0,0,0,.4)}.banner-cover-headline{display:flex;flex-direction:column;gap:.3em;min-width:0}.banner-cover-headline .banner-title{font-size:clamp(14px,5cqw,36px);text-shadow:0 2px 12px rgba(0,0,0,.55)}.banner-cover-headline .banner-desc{font-size:clamp(10px,2.8cqw,18px);opacity:.92}.banner-cover-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45em;font-size:clamp(10px,2.4cqw,16px)}.banner-cover-metric{display:inline-flex;align-items:center;gap:.25em;color:#fff;font-weight:500}.banner-cover-pill{display:inline-flex;align-items:center;padding:.18em .6em;background:#ffffff2e;color:#fff;border-radius:999px;font-size:.9em;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap}.banner-minimal{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8%;width:100%;height:100%;gap:.6em}.banner-minimal-mark{font-weight:800;font-size:clamp(32px,9cqw,120px);line-height:1;letter-spacing:-.02em;text-shadow:0 2px 12px rgba(0,0,0,.2)}.banner-minimal-foot{display:flex;flex-direction:column;align-items:center;gap:.25em;min-width:0;max-width:100%;text-align:center}.banner-minimal-title{margin:0;font-size:clamp(11px,2.8cqw,20px);font-weight:700;letter-spacing:-.01em;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.banner-minimal-tag{font-size:clamp(9px,2.1cqw,14px);font-weight:500;padding:.15em .55em;border-radius:999px;background:#ffffff2e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}@supports not (container-width: 1px){.banner-logo-char,.banner-cover-fallback-char,.banner-minimal-mark{font-size:12vw}}.banner-gallery{padding:32px;max-width:1280px;margin:0 auto;color:var(--text);font-family:inherit}.banner-gallery-header h1{margin:0 0 8px;font-size:28px}.banner-gallery-header p{margin:0 0 24px;color:var(--text-dim)}.banner-gallery-section{margin-top:40px}.banner-gallery-section h2{margin:0 0 16px;font-size:20px;font-weight:600;color:var(--text)}.banner-gallery-row .banner-gallery-label{margin:12px 0;font-size:14px;color:var(--text-dim)}.banner-gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;align-items:end}.banner-gallery-cell{display:flex;flex-direction:column;gap:6px}.banner-gallery-tag{font-size:11px;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,monospace}.banner-gallery-waterfall{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.banner-gallery-horizontal{display:flex;gap:12px;overflow-x:auto;padding-bottom:8px}.banner-gallery-h-cell{flex:0 0 320px}.banner-gallery-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.banner-gallery-list-item{display:flex;gap:12px;align-items:center}.banner-gallery-list-item .banner{flex:0 0 320px}.banner-gallery-list-text{flex:1}.banner-gallery-list-text h4{margin:0 0 4px;font-size:14px}.banner-gallery-list-text p{margin:0;font-size:12px;color:var(--text-dim)}.banner-gallery-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.banner-gallery-thumb{display:flex;flex-direction:column;gap:4px}.banner-gallery-thumb-name{font-size:11px;color:var(--text-dim);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.banner-gallery-og{max-width:520px}.banner-gallery-headline{width:100%}.card-banner{position:relative;aspect-ratio:16 / 9;flex:0 0 auto;margin:-20px -22px 14px;width:calc(100% + 44px);overflow:hidden;container-type:inline-size;background:var(--card-border, #242a38)}.card-banner-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;letter-spacing:-.02em;z-index:0}.card-banner-fallback-char{font-size:clamp(36px,16cqw,120px);opacity:.5;line-height:1;-webkit-user-select:none;user-select:none}.card-banner-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;display:block;z-index:1;opacity:0;transition:opacity .28s ease,filter .28s ease}.card-banner-img.is-loaded{opacity:1}.card-banner-img.is-grayscale{filter:grayscale(1)}.card-banner:after{content:"";position:absolute;left:0;right:0;bottom:0;height:38%;background:linear-gradient(to bottom,rgba(0,0,0,0),var(--card, #12161f));z-index:2;pointer-events:none}@media(prefers-reduced-motion:reduce){.card-banner-img{transition:none}}