@import "https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500&family=Space+Grotesk:wght@400;500;600;700&display=swap";@font-face{font-family:MF-Creative;src:url(/fonts/MFChuangJiHei.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--bg-primary:#09090b;--bg-secondary:#18181b;--bg-card:#1c1c20;--bg-card-hover:#222226;--border-subtle:#6366f126;--border-hover:#a855f766;--gradient-primary:linear-gradient(135deg, #6366f1, #a855f7);--gradient-text:linear-gradient(135deg, #818cf8, #c084fc);--gradient-glow:linear-gradient(135deg, #6366f14d, #a855f74d);--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--accent-indigo:#6366f1;--accent-purple:#a855f7;--accent-light:#818cf8;--bg-overlay:#09090ba8;--max-width:1700px;--section-padding:120px 0;--radius-card:16px;--gap-sm:16px;--gap-md:24px;--gap-lg:48px;--gap-xl:60px;--hover-lift:-4px;--transition-speed:.3s;--text-white:#fff;--border-divider:#ffffff0f;--font-display:"Space Grotesk", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 60px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-indigo);border-radius:3px}::selection{color:var(--text-primary);background:#6366f14d}@keyframes gradientFlow{0%{background-position:0%}to{background-position:-200%}}.navbar{z-index:1000;background:0 0;border:1px solid #0000;border-radius:0;padding:20px 60px;transition:all .4s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#09090b4d;border-color:#ffffff14;border-radius:50px;padding:12px 36px;top:16px;left:10%;right:10%}.navbar-inner{max-width:var(--max-width);grid-template-columns:1fr auto 1fr;align-items:center;margin:0 auto;display:grid}.navbar-logo{border:1px solid var(--border-subtle);background:#18181b99;border-radius:100px;justify-self:start;align-items:center;gap:8px;padding:8px 16px;transition:all .4s;display:flex}.navbar.scrolled .navbar-logo{background:0 0;border-color:#0000}.navbar-logo:hover{border-color:var(--accent-indigo)}.navbar.scrolled .navbar-logo:hover{opacity:.8;border-color:#0000}.logo-icon{object-fit:contain;filter:brightness(0)invert();width:18px;height:18px}.logo-text{font-family:"MF-Creative", var(--font-display);letter-spacing:0;font-size:14px;font-weight:700}.navbar-logo .gradient-text{background:linear-gradient(90deg,#6366f1 0%,#dad0fd 25%,#a855f7 50%,#dad0fd 75%,#6366f1 100%);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;animation:4.2s linear infinite gradientFlow}.navbar-links{border:1px solid var(--border-subtle);background:#18181b99;border-radius:100px;gap:36px;padding:8px 20px;transition:all .4s;display:flex}.navbar.scrolled .navbar-links{background:0 0;border-color:#0000}.navbar-links a{color:var(--text-secondary);font-size:14px;transition:color .3s;position:relative}.navbar-links a:hover{color:var(--text-primary)}.navbar-links a:after{content:"";background:var(--gradient-primary);width:0;height:1px;transition:width .3s;position:absolute;bottom:-4px;left:0}.navbar-links a:hover:after{width:100%}.navbar-cta{background:var(--gradient-primary);border:1px solid #0000;border-radius:100px;justify-self:end;padding:10px 24px;font-size:13px;font-weight:500;transition:all .3s}.navbar-cta:hover{border-color:var(--border-subtle);background:#18181b99;transform:translateY(-1px)}.cta-text{color:var(--text-white);transition:all var(--transition-speed) ease}.navbar-cta:hover .cta-text{background:linear-gradient(90deg,#6366f1 0%,#dad0fd 25%,#a855f7 50%,#dad0fd 75%,#6366f1 100%);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;animation:4.2s linear infinite gradientFlow}.hero{flex-direction:column;justify-content:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 85%,#0000 100%);mask-image:linear-gradient(#000 0% 85%,#0000 100%)}.hero-video-wrapper{z-index:0;position:absolute;inset:0}.hero-video{object-fit:cover;width:100%;height:100%}.hero-overlay{background:linear-gradient(#09090b66 0%,#09090b99 50%,#09090b 100%);position:absolute;inset:0}.hero-overlay:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#d9d9d908 2px 4px);position:absolute;inset:0}.hero-content{z-index:2;max-width:var(--max-width);width:100%;margin:0 auto;padding:0 60px;position:relative}.hero-text{margin-top:-60px}.hero-title{font-family:"MF-Creative", var(--font-display);letter-spacing:-2px;flex-direction:column;font-weight:900;line-height:1.05;display:flex}.title-line-top{color:var(--text-primary);font-size:clamp(72px,9.5vw,130px)}.title-line-bottom{filter:drop-shadow(0 0 30px #6366f199)drop-shadow(0 0 80px #a855f74d);font-size:clamp(72px,9.5vw,130px)}.hero-subtitle{color:var(--text-secondary);letter-spacing:1px;margin-top:24px;font-size:16px;font-style:italic;font-weight:300}.gradient-text{background:linear-gradient(90deg,#6366f1 0%,#dad0fd 25%,#a855f7 50%,#dad0fd 75%,#6366f1 100%);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;animation:3.8s linear infinite gradientFlow}.gallery-strip{z-index:2;background:0 0;height:200px;margin-top:-30vh;position:relative}.circular-gallery{cursor:grab;width:100%;height:100%;overflow:hidden}.circular-gallery:active{cursor:grabbing}.tilted-card-figure{perspective:800px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin:0;display:flex;position:relative}.tilted-card-mobile-alert{text-align:center;font-size:.875rem;display:none;position:absolute;top:1rem}@media (width<=640px){.tilted-card-mobile-alert{display:block}.tilted-card-caption{display:none}}.tilted-card-inner{transform-style:preserve-3d;position:relative}.tilted-card-img{object-fit:cover;border-radius:var(--radius-card);will-change:transform;position:absolute;top:0;left:0;transform:translateZ(0)}.tilted-card-caption{pointer-events:none;background:var(--gradient-primary);color:var(--text-white);opacity:0;z-index:3;border-radius:100px;padding:8px 18px;font-size:13px;font-weight:600;position:absolute;top:0;left:0}.tilted-card-overlay{z-index:2;will-change:transform;justify-content:center;display:flex;position:absolute;bottom:20px;left:0;right:0;transform:translateZ(30px)}.avatar-overlay-text{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-white);letter-spacing:1px;white-space:nowrap;background:#00000080;border:1px solid #ffffff1a;border-radius:100px;margin:0;padding:10px 20px;font-size:14px;font-weight:600}.border-glow-card{--edge-proximity:0;--cursor-angle:45deg;--edge-sensitivity:30;--color-sensitivity:calc(var(--edge-sensitivity) + 20);--border-radius:16px;--glow-padding:40px;--cone-spread:25;border-radius:var(--border-radius);isolation:isolate;background:var(--card-bg,#1c1c20);transition:transform var(--transition-speed) ease;border:1px solid #ffffff26;display:grid;position:relative;overflow:visible;transform:translateZ(.01px)}.border-glow-card:hover{transform:translateY(var(--hover-lift))}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";border-radius:inherit;z-index:-1;transition:opacity .25s ease-out;position:absolute;inset:0}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{background:linear-gradient(var(--card-bg,#1c1c20) 0 100%) padding-box, linear-gradient(#fff0 0% 100%) border-box, var(--gradient-one) border-box, var(--gradient-two) border-box, var(--gradient-three) border-box, var(--gradient-four) border-box, var(--gradient-five) border-box, var(--gradient-six) border-box, var(--gradient-seven) border-box, var(--gradient-base) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center, black calc(var(--cone-spread) * 1%), transparent calc((var(--cone-spread) + 15) * 1%), transparent calc((100 - var(--cone-spread) - 15) * 1%), black calc((100 - var(--cone-spread)) * 1%));border:1px solid #0000}.border-glow-card:after{background:var(--gradient-one) padding-box, var(--gradient-two) padding-box, var(--gradient-three) padding-box, var(--gradient-four) padding-box, var(--gradient-five) padding-box, var(--gradient-six) padding-box, var(--gradient-seven) padding-box, var(--gradient-base) padding-box;-webkit-mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);mask-image:linear-gradient(to bottom, black, black), radial-gradient(ellipse at 50% 50%, black 40%, transparent 65%), radial-gradient(ellipse at 66% 66%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 66% 33%, black 5%, transparent 40%), radial-gradient(ellipse at 33% 66%, black 5%, transparent 40%), conic-gradient(from var(--cursor-angle) at center, transparent 5%, black 15%, black 85%, transparent 95%);opacity:calc(var(--fill-opacity,.5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light;border:1px solid #0000;-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center, black 2.5%, transparent 10%, transparent 90%, black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color), inset 0 0 1px 0 var(--glow-color-60), inset 0 0 3px 0 var(--glow-color-50), inset 0 0 6px 0 var(--glow-color-40), inset 0 0 15px 0 var(--glow-color-30), inset 0 0 25px 2px var(--glow-color-20), inset 0 0 50px 2px var(--glow-color-10), 0 0 1px 0 var(--glow-color-60), 0 0 3px 0 var(--glow-color-50), 0 0 6px 0 var(--glow-color-40), 0 0 15px 0 var(--glow-color-30), 0 0 25px 2px var(--glow-color-20), 0 0 50px 2px var(--glow-color-10);position:absolute}.border-glow-inner{border-radius:inherit;z-index:1;flex-direction:column;display:flex;position:relative;overflow:hidden}.experience{padding:var(--section-padding);background:0 0}.section-header{margin-bottom:var(--gap-xl)}.section-title{font-family:var(--font-display);letter-spacing:-1px;align-items:center;gap:12px;font-size:clamp(32px,4vw,48px);font-weight:800;display:flex}.title-icon{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:24px}.section-subtitle{color:var(--text-muted);margin-top:8px;font-size:14px}.experience-grid{gap:var(--gap-xl);grid-template-columns:350px 1fr;align-items:start;display:grid}.experience-avatar{z-index:10;position:relative}.avatar-frame{aspect-ratio:3/4;border-radius:var(--radius-card);border:1px solid var(--border-subtle);background:var(--bg-card);width:100%;position:relative;overflow:hidden}.avatar-frame:before{content:"";border-radius:var(--radius-card);background:var(--gradient-primary);-webkit-mask-composite:xor;opacity:0;padding:1px;transition:opacity .4s;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.avatar-frame:hover:before{opacity:1}.avatar-frame img{object-fit:cover;width:100%;height:100%}.info-label{color:var(--accent-light);letter-spacing:2px;margin-bottom:12px;font-size:11px;font-weight:600}.info-name{font-family:var(--font-display);margin-bottom:16px;font-size:36px;font-weight:700}.info-desc{color:var(--text-secondary);max-width:560px;margin-bottom:28px;font-size:14px;line-height:1.8}.info-meta{gap:var(--gap-sm);grid-template-columns:1fr 1fr;margin-bottom:20px;display:grid}.meta-item{flex-direction:column;gap:4px;display:flex}.meta-label{letter-spacing:1px;text-transform:uppercase;background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:11px}.meta-value{color:var(--text-muted);font-size:14px;font-weight:500}.info-contact{gap:var(--gap-sm);grid-template-columns:1fr 1fr;margin-bottom:32px;padding-bottom:28px;display:grid}.contact-item{flex-direction:column;gap:4px;display:flex}.contact-label{color:var(--text-muted);font-size:11px}.contact-value{color:var(--text-secondary);font-size:14px}.info-stats{gap:var(--gap-lg);display:flex}.stat-item{flex-direction:column;gap:4px;display:flex}.stat-value{font-family:var(--font-display);background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:42px;font-weight:700}.stat-label{color:var(--text-muted);font-size:12px}.tech-stack-section{border-top:1px solid var(--border-divider);margin-top:32px;padding-top:28px}.tech-stack-header{margin-bottom:var(--gap-sm);justify-content:space-between;align-items:baseline;display:flex}.tech-stack-label{color:var(--accent-light);letter-spacing:2px;font-size:11px;font-weight:600}.tech-stack-tags{flex-wrap:wrap;gap:8px;display:flex}.tech-tag{border:1px solid var(--border-subtle);color:var(--text-secondary);transition:border-color var(--transition-speed) ease;background:#6366f114;border-radius:100px;padding:6px 14px;font-size:12px;font-weight:500}.tech-tag:hover{border-color:#8868f6}.career-section{border-top:1px solid var(--border-divider);margin-top:80px;padding-top:60px}.career-header{align-items:baseline;gap:var(--gap-sm);margin-bottom:32px;display:flex}.career-label{color:var(--text-muted);letter-spacing:2px;font-size:11px}.career-title{color:var(--text-secondary);font-size:14px}.career-grid{gap:var(--gap-md);grid-template-columns:repeat(3,1fr);display:grid}.career-card{padding:28px}.career-period{color:var(--accent-light);font-size:12px;font-weight:500}.career-company{font-family:var(--font-display);margin:10px 0 8px;font-size:16px;font-weight:600}.career-role{color:var(--accent-light);background:#6366f11a;border-radius:100px;margin-bottom:12px;padding:4px 10px;font-size:11px;display:inline-block}.career-desc{color:var(--text-muted);font-size:13px;line-height:1.6}.projects{padding:var(--section-padding);background:0 0}.projects-grid{gap:var(--gap-md);grid-template-columns:repeat(2,1fr);display:grid}.project-image{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.project-placeholder{background:linear-gradient(135deg,#6366f114 0%,#a855f714 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.placeholder-number{font-family:var(--font-display);color:#ffffff0a;font-size:64px;font-weight:800}.project-overlay{opacity:0;transition:opacity var(--transition-speed) ease;background:#09090bb3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay{opacity:1}.overlay-text{border:1px solid var(--accent-indigo);color:var(--accent-light);border-radius:100px;padding:10px 24px;font-size:13px}.project-info{padding:24px 28px 28px}.project-category{color:var(--accent-light);letter-spacing:2px;text-transform:uppercase;font-size:11px;font-weight:600}.project-title{font-family:var(--font-display);margin:10px 0 8px;font-size:20px;font-weight:700}.project-desc{color:var(--text-muted);font-size:13px;line-height:1.6}.strengths{padding:var(--section-padding);background:0 0}.strengths-bento{gap:var(--gap-md);grid-template-columns:repeat(6,1fr);display:grid}.strength-card-inner{gap:var(--gap-sm);flex-direction:column;padding:28px;display:flex}.strength-card-wrap:first-child,.strength-card-wrap:nth-child(2){grid-column:span 3}.strength-card-wrap:nth-child(n+3){grid-column:span 2}.card-header{justify-content:space-between;align-items:center;display:flex}.card-number{width:32px;height:32px;color:var(--accent-light);background:#6366f126;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.card-type{color:var(--text-muted);letter-spacing:2px;font-size:11px;font-weight:600}.card-title{font-family:var(--font-display);font-size:20px;font-weight:700;line-height:1.3}.card-dot{background:var(--gradient-primary);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-left:4px}.strength-card-inner.highlight .card-dot{-webkit-text-fill-color:var(--text-white)}.card-keywords{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.keyword-tag{border:1px solid var(--border-subtle);color:var(--text-secondary);transition:border-color var(--transition-speed) ease;background:#6366f114;border-radius:100px;padding:6px 12px;font-size:11px}.border-glow-card:hover .keyword-tag{border-color:#8868f6}.card-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#6366f11a 0%,#0000 70%);border-radius:50%;width:200px;height:200px;transition:opacity .5s;position:absolute;top:-50%;right:-50%}.contact{background:0 0;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.contact-bg-glow{pointer-events:none;background:radial-gradient(circle,#6366f114 0%,#a855f70a 40%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:6s ease-in-out infinite pulseGlow;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulseGlow{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.contact-content{z-index:2;text-align:center;min-height:100vh;max-width:var(--max-width);flex-direction:column;justify-content:center;align-items:center;margin:0 auto;padding:80px 60px;display:flex;position:relative}.contact-main{flex-direction:column;align-items:center;display:flex}.contact-label{letter-spacing:2px;color:var(--accent-light);margin-bottom:20px;font-size:11px;font-weight:600}.contact-title{font-family:var(--font-display);letter-spacing:-1px;margin-bottom:16px;font-size:clamp(36px,5vw,56px);font-weight:800;line-height:1.2}.contact-title .gradient-text{animation-duration:4.2s}.contact-desc{color:var(--text-secondary);margin-bottom:var(--gap-lg);max-width:480px;font-size:16px}.contact-info-grid{margin-bottom:var(--gap-lg);gap:40px;display:flex}.contact-info-item{background:var(--bg-card);border-radius:var(--radius-card);border:1px solid var(--border-subtle);align-items:center;gap:12px;padding:16px 24px;display:flex}.info-icon{font-size:20px}.info-type{color:var(--text-white);margin-bottom:2px;font-size:15px;font-weight:600;display:block}.info-link{font-size:13px;font-weight:500}.contact-cta{background:var(--gradient-primary);border:1px solid #0000;border-radius:100px;align-items:center;gap:8px;padding:16px 40px;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex}.contact-cta .cta-text,.contact-cta .cta-arrow{color:var(--text-white);transition:all var(--transition-speed) ease}.contact-cta:hover{border-color:var(--border-subtle);transform:translateY(var(--hover-lift));background:#18181b99}.contact-cta:hover .cta-text,.contact-cta:hover .cta-arrow{background:linear-gradient(90deg,#6366f1 0%,#dad0fd 25%,#a855f7 50%,#dad0fd 75%,#6366f1 100%);-webkit-text-fill-color:transparent;background-size:200% 100%;-webkit-background-clip:text;animation:4.2s linear infinite gradientFlow}.cta-arrow{transition:transform .3s}.contact-cta:hover .cta-arrow{transform:translate(4px)}.contact-footer{justify-content:space-between;display:flex;position:absolute;bottom:40px;left:60px;right:60px}.footer-text{color:var(--text-muted);font-size:12px}.qr-overlay{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qr-modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);align-items:center;gap:var(--gap-sm);flex-direction:column;max-width:360px;padding:40px;display:flex}.qr-title{font-family:var(--font-display);color:var(--text-primary);font-size:20px;font-weight:700}.qr-image{object-fit:cover;border-radius:12px;width:240px;height:240px}.qr-hint{color:var(--text-muted);font-size:14px}.qr-close{background:var(--gradient-primary);color:var(--text-white);transition:all var(--transition-speed) ease;border-radius:100px;margin-top:8px;padding:10px 32px;font-size:14px;font-weight:500}.qr-close:hover{opacity:.85;transform:translateY(var(--hover-lift))}.line-waves-container{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.line-waves-container canvas{pointer-events:auto}