:root{color-scheme:dark;--bg: #0a0a0a;--bg-elevated: #111111;--bg-hover: #161616;--bg-panel: #0f0f0f;--text: #ededed;--text-secondary: #a1a1a1;--text-tertiary: #6b6b6b;--border: #1f1f1f;--border-strong: #2e2e2e;--border-focus: #ededed;--accent: #ededed;--accent-fg: #0a0a0a;--accent-soft: rgba(237, 237, 237, .08);--radius: 8px;--radius-sm: 6px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--space-10: 64px;--space-12: 80px;--max: 1080px;--header-h: 56px;--font: "Geist", "Inter", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--mono: "Geist Mono", "SF Mono", ui-monospace, Menlo, monospace;--ease: cubic-bezier(.23, 1, .32, 1);--duration: .18s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;font-weight:400;line-height:1.5;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body:before{content:"";pointer-events:none;position:fixed;inset:0 0 auto;height:320px;background:radial-gradient(80% 100% at 50% 0%,rgba(255,255,255,.03),transparent 70%);z-index:0}#app{position:relative;z-index:1;min-height:100dvh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit;border:0;background:none}button{cursor:pointer}img{display:block;max-width:100%}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;padding:var(--space-2) var(--space-3);background:var(--text);color:var(--bg)}.skip-link:focus{left:var(--space-3);top:var(--space-3)}.header{position:sticky;top:0;z-index:40;height:var(--header-h);border-bottom:1px solid var(--border);background:#0a0a0ad1;backdrop-filter:saturate(140%) blur(12px);-webkit-backdrop-filter:saturate(140%) blur(12px)}.header__inner{max-width:var(--max);height:100%;margin:0 auto;padding:0 var(--space-5);display:flex;align-items:center;gap:var(--space-4)}.brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;min-width:0}.brand__mark{width:22px;height:22px;flex-shrink:0}.brand__text{display:flex;align-items:baseline;gap:8px;min-width:0}.brand__name{font-size:14px;font-weight:560;letter-spacing:-.02em}.brand__sep{color:var(--text-tertiary);font-weight:400}.brand__store{font-size:14px;font-weight:450;color:var(--text-secondary)}.header__search{flex:1;min-width:0;max-width:420px;margin-left:auto;position:relative}.header__search input{width:100%;height:36px;padding:0 12px 0 34px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text);outline:none;transition:border-color var(--duration) var(--ease),background var(--duration) var(--ease)}.header__search input::placeholder{color:var(--text-tertiary)}.header__search input:hover{border-color:var(--border-strong)}.header__search input:focus{border-color:var(--border-strong);background:#141414;box-shadow:0 0 0 1px var(--border-strong)}.header__search-icon{position:absolute;left:11px;top:50%;width:14px;height:14px;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.header__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.lang-toggle{display:inline-flex;height:32px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated)}.lang-toggle button{min-width:36px;height:26px;padding:0 8px;border-radius:4px;font-size:12px;font-weight:500;color:var(--text-tertiary);transition:color var(--duration) var(--ease),background var(--duration) var(--ease)}.lang-toggle button[aria-pressed=true]{background:var(--accent-soft);color:var(--text)}.lang-toggle button:hover{color:var(--text-secondary)}.theme-toggle{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-secondary);font-size:12px;font-weight:500;transition:color var(--duration) var(--ease),border-color var(--duration) var(--ease),background var(--duration) var(--ease)}.theme-toggle:hover,.theme-toggle:focus-visible{border-color:var(--border-strong);background:var(--bg-hover);color:var(--text)}.theme-toggle__icon{display:inline-grid;width:14px;height:14px;place-items:center;font-size:14px;line-height:1}.header__link{display:none;height:32px;padding:0 12px;align-items:center;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-secondary);border:1px solid transparent;transition:color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.header__link:hover{color:var(--text);border-color:var(--border)}@media(min-width:720px){.header__link{display:inline-flex}}.main{flex:1;width:100%;max-width:var(--max);margin:0 auto;padding:var(--space-8) var(--space-5) var(--space-12)}.opening{display:grid;gap:var(--space-5);padding-bottom:var(--space-6);border-bottom:1px solid var(--border);margin-bottom:var(--space-6)}.opening__title{font-size:clamp(32px,5vw,44px);font-weight:560;letter-spacing:-.04em;line-height:1.08;max-width:14ch}.opening__lede{max-width:48ch;font-size:16px;line-height:1.55;color:var(--text-secondary);letter-spacing:-.015em}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);max-width:520px}.stat{min-width:0;padding:var(--space-3) 0}.stat__label{font-size:12px;font-weight:500;color:var(--text-tertiary);letter-spacing:-.01em;margin-bottom:4px}.stat__value{font-family:var(--mono);font-size:18px;font-weight:500;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.2}.stat__detail{margin-top:2px;font-size:12px;color:var(--text-tertiary)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.toolbar__count{font-size:13px;color:var(--text-secondary)}.toolbar__count strong{color:var(--text);font-weight:550;font-variant-numeric:tabular-nums}.sort{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--text-tertiary)}.sort select{appearance:none;height:32px;padding:0 28px 0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5' stroke='%236b6b6b' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 8px center;color:var(--text-secondary);font-size:13px;outline:none;cursor:pointer}.sort select:hover,.sort select:focus{border-color:var(--border-strong);color:var(--text)}.catalog{list-style:none;display:grid;grid-template-columns:1fr;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:12px;overflow:hidden}@media(min-width:720px){.catalog{grid-template-columns:1fr 1fr}}.plugin-card{background:var(--bg);min-width:0}.plugin-card__btn{width:100%;height:100%;text-align:left;padding:var(--space-5);display:grid;grid-template-columns:44px minmax(0,1fr);gap:var(--space-3);transition:background var(--duration) var(--ease)}.plugin-card__btn:hover{background:var(--bg-hover)}.plugin-card__btn:focus-visible{outline:1px solid var(--border-focus);outline-offset:-1px}.plugin-icon{width:44px;height:44px;border-radius:10px;border:1px solid var(--border);background:var(--bg-elevated);overflow:hidden;display:grid;place-items:center;flex-shrink:0}.plugin-icon img{width:100%;height:100%;object-fit:cover}.plugin-icon__fallback{font-family:var(--mono);font-size:13px;font-weight:500;color:var(--text-secondary);letter-spacing:-.02em}.plugin-card__body{min-width:0;display:flex;flex-direction:column;gap:6px}.plugin-card__top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);min-width:0}.plugin-card__name{font-size:15px;font-weight:550;letter-spacing:-.02em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plugin-card__version{flex-shrink:0;font-family:var(--mono);font-size:12px;font-weight:450;color:var(--text-tertiary);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.plugin-card__desc{font-size:13px;line-height:1.45;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.plugin-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:2px;font-size:12px;color:var(--text-tertiary)}.plugin-card__meta span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dot-sep:before{content:"·";margin-right:10px;color:var(--border-strong)}.state-block{padding:var(--space-10) var(--space-5);text-align:center;border:1px solid var(--border);border-radius:12px;background:var(--bg-elevated)}.state-block__title{font-size:15px;font-weight:550;margin-bottom:6px}.state-block__body{font-size:13px;color:var(--text-secondary);max-width:40ch;margin:0 auto}.detail{display:grid;gap:var(--space-6)}.detail__back{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 2px;font-size:13px;font-weight:500;color:var(--text-secondary);transition:color var(--duration) var(--ease);width:fit-content}.detail__back:hover{color:var(--text)}.detail__back svg{width:14px;height:14px}.detail__hero{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--space-4);align-items:start}.detail__hero .plugin-icon{width:64px;height:64px;border-radius:14px}.detail__hero .plugin-icon__fallback{font-size:18px}.detail__title{font-size:clamp(26px,4vw,34px);font-weight:560;letter-spacing:-.035em;line-height:1.1;margin-bottom:8px}.detail__desc{font-size:15px;line-height:1.55;color:var(--text-secondary);max-width:62ch}.detail__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:520;letter-spacing:-.01em;transition:background var(--duration) var(--ease),color var(--duration) var(--ease),border-color var(--duration) var(--ease),transform var(--duration) var(--ease)}.btn:active{transform:scale(.98)}.btn--primary{background:var(--accent);color:var(--accent-fg)}.btn--primary:hover{background:#fff}.btn--ghost{border:1px solid var(--border);background:transparent;color:var(--text)}.btn--ghost:hover{border-color:var(--border-strong);background:var(--bg-hover)}.detail__grid{display:grid;gap:var(--space-5)}@media(min-width:860px){.detail__grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr);align-items:start}}.panel{border:1px solid var(--border);border-radius:12px;background:var(--bg);overflow:hidden}.panel__head{padding:14px var(--space-4);border-bottom:1px solid var(--border);font-size:13px;font-weight:550;letter-spacing:-.01em}.panel__body{padding:var(--space-4)}.meta-list{list-style:none;display:grid;gap:12px}.meta-list li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;font-size:13px;line-height:1.4}.meta-list__k{color:var(--text-tertiary)}.meta-list__v{color:var(--text-secondary);min-width:0;word-break:break-word}.meta-list__v--mono{font-family:var(--mono);font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.perm-list{list-style:none;display:flex;flex-wrap:wrap;gap:6px}.perm{font-family:var(--mono);font-size:11px;font-weight:450;letter-spacing:-.02em;color:var(--text-secondary);border:1px solid var(--border);border-radius:4px;padding:3px 7px;background:var(--bg-elevated)}.releases{list-style:none;display:grid;gap:0}.release{display:grid;grid-template-columns:88px minmax(0,1fr);gap:var(--space-3);padding:14px 0;border-top:1px solid var(--border)}.release:first-child{border-top:0;padding-top:0}.release:last-child{padding-bottom:0}.release__ver{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.release__date{display:block;margin-top:3px;font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums}.release__notes{font-size:13px;line-height:1.5;color:var(--text-secondary)}.howto{font-size:13px;line-height:1.55;color:var(--text-secondary)}.howto ol{margin:10px 0 0;padding-left:1.15em;display:grid;gap:6px}.howto code{font-family:var(--mono);font-size:12px;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.shot-panel .shot-body{padding:0}.shot-carousel{position:relative;user-select:none;touch-action:pan-y}.shot-viewport{overflow:hidden;border-radius:0 0 12px 12px;background:#0c0c0c;cursor:grab;touch-action:pan-y}.shot-track{display:flex;width:100%;transition:transform .22s var(--ease);will-change:transform}.shot-slide{flex:0 0 100%;min-width:0;aspect-ratio:16 / 10;display:grid;place-items:center;background:#0c0c0c}.shot-slide img{width:100%;height:100%;object-fit:contain;pointer-events:none}.shot-nav{position:absolute;top:50%;z-index:2;transform:translateY(calc(-50% - 8px));width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--border);border-radius:999px;background:#0f0f0fe0;color:var(--text-secondary);font-size:18px;line-height:1;backdrop-filter:blur(8px);transition:color var(--duration) var(--ease),border-color var(--duration) var(--ease)}.shot-nav:hover{color:var(--text);border-color:var(--border-strong)}.shot-nav.is-prev{left:10px}.shot-nav.is-next{right:10px}.shot-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:12px 12px 14px}.shot-dot{width:6px;height:6px;border-radius:999px;background:var(--border-strong);opacity:.55;transition:width .16s var(--ease),opacity .16s var(--ease),background .16s var(--ease)}.shot-dot.is-active{width:16px;opacity:1;background:var(--text-secondary)}.shot-counter{position:absolute;top:10px;right:12px;z-index:2;padding:2px 8px;border-radius:999px;border:1px solid var(--border);background:#0f0f0fe0;color:var(--text-tertiary);font-size:11px;font-variant-numeric:tabular-nums;pointer-events:none;backdrop-filter:blur(8px)}.footer{border-top:1px solid var(--border);margin-top:auto}.footer__inner{max-width:var(--max);margin:0 auto;padding:var(--space-5);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);font-size:12px;color:var(--text-tertiary)}.footer a{color:var(--text-secondary);transition:color var(--duration) var(--ease)}.footer a:hover{color:var(--text)}.footer__links{display:flex;flex-wrap:wrap;gap:14px}:root[data-theme=light]{color-scheme:light;--bg: #ffffff;--bg-elevated: #fafafa;--bg-hover: #f4f4f4;--bg-panel: #f8f8f8;--text: #1f1f1f;--text-secondary: #5f5f5f;--text-tertiary: #858585;--border: #e7e7e7;--border-strong: #cfcfcf;--border-focus: #1f1f1f;--accent: #1f1f1f;--accent-fg: #ffffff;--accent-soft: rgba(31, 31, 31, .08)}:root[data-theme=light] body:before{background:radial-gradient(80% 100% at 50% 0%,rgba(0,0,0,.035),transparent 70%)}:root[data-theme=light] .header{background:#ffffffd6}:root[data-theme=light] .header__search input:focus{background:#fff}:root[data-theme=light] .btn--primary:hover{background:#111;color:#fff}:root[data-theme=light] .shot-viewport,:root[data-theme=light] .shot-slide{background:#f3f3f3}:root[data-theme=light] .shot-nav,:root[data-theme=light] .shot-counter{background:#ffffffe6}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}a:focus-visible,button:focus-visible,select:focus-visible{outline:1px solid var(--border-focus);outline-offset:2px}