.postcard-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);perspective:1200px;opacity:1;background:#000000d9;justify-content:center;align-items:center;transition:opacity .5s;display:flex;position:fixed;inset:0}.postcard-overlay.fade-out{opacity:0;pointer-events:none}.postcard-scene{perspective:1200px;width:min(85vw,900px);height:min(75vh,560px)}.postcard-card{width:100%;height:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .8s cubic-bezier(.4,0,.2,1);position:relative}.postcard-card.flipped{transform:rotateY(180deg)}.postcard-face{backface-visibility:hidden;border-radius:16px;position:absolute;inset:0;overflow:hidden;box-shadow:0 20px 60px #00000080}.postcard-front{background:var(--color-card,#1a1a2e)}.postcard-front img,.postcard-front video{object-fit:cover;width:100%;height:100%;display:block}.postcard-front-hint{color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#0006;border-radius:20px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;animation:2s ease-in-out infinite postcard-hint-pulse;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.postcard-flip-icon{animation:2s ease-in-out infinite postcard-flip-icon-spin;width:10px!important;height:10px!important}@keyframes postcard-flip-icon-spin{0%,to{transform:rotateY(0)}50%{transform:rotateY(180deg)}}.postcard-back{background:var(--color-card,#1a1a2e);color:var(--color-text,#e0e0e0);flex-direction:column;padding:40px;display:flex;transform:rotateY(180deg)}.postcard-back-columns{flex:1;gap:32px;display:flex;overflow:hidden}.postcard-back-left{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:16px;width:200px;padding:20px 0;display:flex}.postcard-qr-img{object-fit:contain;border-radius:12px;width:140px;height:140px}.postcard-qr-info{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.postcard-qr-title{color:var(--color-text,#e0e0e0);font-size:14px;font-weight:600}.postcard-qr-desc{color:var(--color-text-muted,#888);font-size:12px}.postcard-back-right{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.postcard-back-header{border-bottom:1px solid var(--color-border,#ffffff1a);align-items:center;gap:16px;margin-bottom:28px;padding-bottom:20px;display:flex}.postcard-back-logo{object-fit:cover;border-radius:12px;flex-shrink:0;width:56px;height:56px}.postcard-back-site-info{flex-direction:column;gap:4px;display:flex}.postcard-back-site-name{color:var(--color-text,#e0e0e0);font-size:20px;font-weight:700}.postcard-back-profession{color:var(--color-text-secondary,#aaa);font-size:14px}.postcard-back-body{flex-direction:column;flex:1;gap:20px;padding-bottom:50px;display:flex;overflow-y:auto}.postcard-section-title{color:var(--color-text-muted,#888);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:13px;font-weight:600}.postcard-contact-list{flex-wrap:wrap;gap:10px;display:flex}.postcard-contact-link{background:var(--color-bg,#ffffff0d);border:1px solid var(--color-border,#ffffff1a);color:var(--color-text-secondary,#ccc);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;text-decoration:none;transition:all .25s;display:flex}.postcard-contact-link:hover{border-color:var(--color-primary,#4a90e2);color:var(--color-primary,#4a90e2);background:var(--color-primary-bg,#4a90e214)}.postcard-contact-link img,.postcard-contact-link iconify-icon{flex-shrink:0;width:16px;height:16px}.postcard-skills-list{flex-wrap:wrap;gap:8px;display:flex}.postcard-skill-tag{background:var(--color-bg,#ffffff0d);color:var(--color-text-secondary,#ccc);border:1px solid var(--color-border,#ffffff1a);border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;text-decoration:none;transition:all .25s;display:inline-flex}a.postcard-skill-tag:hover{border-color:var(--color-primary,#4a90e2);color:var(--color-primary,#4a90e2);background:var(--color-primary-bg,#4a90e214)}.postcard-custom-content{color:var(--color-text-secondary,#ccc);word-break:break-word;font-size:14px;line-height:1.8}.postcard-custom-content img{border-radius:8px;max-width:100%}.postcard-custom-content a{color:var(--color-primary,#4a90e2);text-decoration:none}.postcard-enter-btn{position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.postcard-enter-btn a{color:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;background:#0006;border-radius:20px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .25s;display:inline-flex}.postcard-enter-btn a:hover{color:#fff;background:#0009}.postcard-enter-btn svg{width:16px;height:16px}@media (width<=768px){.postcard-scene{width:92vw;height:min(80vh,520px)}.postcard-back{padding:24px}.postcard-back-columns{flex-direction:column;gap:20px}.postcard-back-left{flex-direction:row;justify-content:center;width:100%;padding:16px 0}.postcard-qr-img{width:100px;height:100px}.postcard-back-header{margin-bottom:16px;padding-bottom:14px}.postcard-back-logo{width:44px;height:44px}.postcard-back-site-name{font-size:17px}.postcard-contact-link{padding:5px 10px;font-size:12px}}@media (width<=480px){.postcard-scene{width:95vw;height:min(85vh,480px)}.postcard-back{padding:18px}.postcard-back-left{padding:12px 0}.postcard-qr-img{width:80px;height:80px}.postcard-back-logo{border-radius:8px;width:38px;height:38px}.postcard-back-site-name{font-size:15px}.postcard-back-profession{font-size:12px}.postcard-enter-btn a{padding:8px 20px;font-size:13px}}