#page-hero{background:var(--ink);padding:120px 48px 64px;text-align:center}.ph-tag{font-size:11px;font-weight:700;letter-spacing:3px;color:var(--sky);margin-bottom:14px}.ph-title{font-size:44px;font-weight:900;color:#fff;letter-spacing:-1.5px;margin-bottom:10px}.ph-sub{font-size:15px;color:#ffffff73;line-height:1.8;max-width:560px;margin:0 auto}#portfolio-body{background:var(--bg);padding:80px 0 100px}.pf-wrap{max-width:1160px;margin:0 auto;padding:0 48px}.pf-cat-label{display:flex;align-items:center;gap:12px;margin-bottom:28px;margin-top:60px;padding-bottom:14px;border-bottom:2px solid var(--line)}.pf-cat-label:first-child{margin-top:0}.pf-cat-icon{width:38px;height:38px;border-radius:9px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px}.pf-cat-name{font-size:18px;font-weight:900;color:var(--ink)}.pf-cat-sub{font-size:13px;color:var(--muted);margin-left:6px}.pf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.pf-card{background:var(--white);border:1.5px solid var(--line);border-radius:16px;overflow:hidden;transition:.3s;display:flex;flex-direction:column;text-decoration:none;color:inherit;position:relative}.pf-card:hover{border-color:var(--sky-d);box-shadow:0 10px 36px #0ea5e924;transform:translateY(-5px)}.pf-thumb{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;flex-shrink:0}.pf-thumb iframe{width:200%;height:200%;transform:scale(.5);transform-origin:top left;border:none;pointer-events:none;position:absolute;top:0;left:0}.pf-thumb-img{position:absolute;inset:0;z-index:1;padding:10px;background:linear-gradient(135deg,#0f172a,#1e293b);display:flex;align-items:center;justify-content:center}.pf-thumb-img img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;border-radius:6px;box-shadow:0 2px 8px #00000014;transition:.4s}.pf-card:hover .pf-thumb-img img{transform:scale(1.03)}.pf-thumb-img{background:#f8fafc!important}.pf-thumb-cover{position:absolute;inset:0;background:transparent;z-index:2}.pf-thumb-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;z-index:1}.pf-thumb-ph .ph-emoji{font-size:36px;line-height:1}.pf-thumb-ph .ph-letter{font-size:22px;font-weight:900;font-family:Inter,sans-serif;line-height:1}.pf-thumb-ph .ph-name{font-size:11px;font-weight:700;opacity:.65;letter-spacing:.5px}.pf-badge-made{position:absolute;top:10px;left:10px;z-index:3;background:var(--sky-d);color:#fff;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 9px;border-radius:20px;display:flex;align-items:center;gap:4px}.pf-badge-made i{font-size:9px}.pf-body{padding:18px 18px 14px;flex:1;display:flex;flex-direction:column}.pf-tag-row{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap}.pf-org{font-size:10px;font-weight:700;letter-spacing:1px;color:var(--sky-d)}.pf-name{font-size:16px;font-weight:800;color:var(--ink);margin-bottom:7px;line-height:1.35}.pf-desc{font-size:13px;color:var(--muted);line-height:1.75;flex:1;margin-bottom:14px}.pf-tech{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}.pf-tech-pill{background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600;color:#475569}.pf-footer{border-top:1px solid var(--line);padding-top:12px;display:flex;align-items:center;justify-content:space-between;margin-top:auto}.pf-domain{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:4px}.pf-go{font-size:12px;font-weight:700;color:var(--sky-d);display:flex;align-items:center;gap:4px;transition:.2s}.pf-card:hover .pf-go{gap:7px}.th-tool .pf-thumb-ph{background:linear-gradient(135deg,#0f172a,#1e3a5f)}.th-tool .ph-letter,.th-tool .ph-name{color:#7dd3fc}.th-tool .pf-cat-icon{background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#fff}.th-app .pf-thumb-ph{background:linear-gradient(135deg,#14532d,#166534)}.th-app .ph-letter,.th-app .ph-name{color:#86efac}.th-app .ph-emoji{filter:none}.th-app .pf-cat-icon{background:linear-gradient(135deg,#16a34a,#4ade80);color:#fff}.th-web .pf-thumb-ph{background:linear-gradient(135deg,#3b0764,#6d28d9)}.th-web .ph-letter,.th-web .ph-name{color:#d8b4fe}.th-web .ph-emoji{filter:none}.th-web .pf-cat-icon{background:linear-gradient(135deg,#7c3aed,#a78bfa);color:#fff}.pf-card.tbd{opacity:.75}.pf-tbd-badge{position:absolute;top:10px;right:10px;z-index:3;background:#0f172ab8;color:#ffffffb3;font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 9px;border-radius:20px;border:1px solid rgba(255,255,255,.15)}@media(max-width:1024px){.pf-grid{grid-template-columns:repeat(2,1fr)}.pf-wrap{padding:0 32px}}@media(max-width:768px){#page-hero{padding:100px 20px 48px}.ph-title{font-size:32px}.pf-wrap{padding:0 20px}}@media(max-width:480px){.pf-grid{grid-template-columns:1fr}}