.tabs{gap:12px;margin-bottom:48px;display:flex}.tab{font-family:var(--mono);border:1px solid var(--line);color:var(--ink-2);cursor:pointer;transition:all .3s var(--ease);letter-spacing:.01em;background:0 0;border-radius:4px;padding:9px 20px;font-size:13px;font-weight:500}.tab.active{color:var(--accent);background:#3128ff2e;border-color:#3128ff4d;font-weight:600}.tab:hover:not(.active){border-color:var(--accent);color:var(--accent)}.tab .tab-count{opacity:.6;margin-left:4px;font-size:11px}.pagination{font-family:var(--mono);color:var(--muted);justify-content:center;align-items:center;gap:20px;margin-top:48px;font-size:13px;display:flex}.page-btn{font-family:var(--mono);border:1px solid var(--line);color:var(--ink-2);cursor:pointer;transition:all .3s var(--ease);letter-spacing:.01em;background:0 0;border-radius:4px;padding:9px 20px;font-size:13px;font-weight:500}.page-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:#3128ff2e}.page-btn:disabled{opacity:.35;cursor:not-allowed}.page-info b{color:var(--ink);font-weight:700}.pf-link{color:inherit;text-decoration:none;display:block}.pf-card{border:1px solid var(--line);background:var(--paper-2);cursor:pointer;transition:transform .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease);border-radius:12px;overflow:hidden}.pf-link:hover .pf-card{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 16px 40px -16px #1312102e}.pf-preview{aspect-ratio:16/10;background:#e7e2d3;position:relative;overflow:hidden}.pf-preview iframe{transform-origin:0 0;pointer-events:none;border:0;width:1280px;height:800px;position:absolute;top:0;left:0}.pf-shade{pointer-events:none;background:linear-gradient(#0000 45%,#f5f3ecf2 100%);position:absolute;inset:0}.pf-tag{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);color:var(--ink-2);background:#f5f3ecd9;border-radius:4px;padding:5px 10px;font-size:11px;font-weight:500;position:absolute;top:12px;left:12px}.pf-body{padding:22px 26px 26px}.pf-num{font-family:var(--mono);color:var(--accent);font-size:12px;font-weight:600}.pf-body h3{color:var(--ink);margin:8px 0 6px;font-size:20px;font-weight:700}.pf-body p{color:var(--muted);font-size:14px;line-height:1.5}.pf-link:hover .pf-body h3{color:var(--accent)}.pf-view{font-family:var(--mono);color:var(--accent);transition:transform .3s var(--ease);margin-top:12px;font-size:12px;font-weight:500;display:inline-block}.pf-link:hover .pf-view{transform:translate(4px)}.pf-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px;display:grid}.app-links{gap:16px;margin-top:16px;display:flex}.app-links a{font-family:var(--mono);color:var(--accent);font-size:13px;font-weight:500;transition:opacity .3s}.app-links a:hover{opacity:.7}