#topnav ul[data-v-08c4a32e]{list-style:none;display:flex;gap:20px;margin:0;padding:0}#topnav a[data-v-08c4a32e]{text-decoration:none;color:#ede3e3;padding:8px 12px;transition:color .3s ease,background .3s ease}#topnav a[data-v-08c4a32e]:hover{color:#007bff;background:#007bff1a;border-radius:4px}#topnav a.active[data-v-08c4a32e]{color:#007bff;font-weight:700}.reference-rgb[data-v-546c2d5e],table tr th[data-v-546c2d5e]{font-size:20px;font-family:Courier New,Courier,monospace}.reference-rgb table[data-v-546c2d5e],tr[data-v-546c2d5e],td[data-v-546c2d5e],th[data-v-546c2d5e]{border:1px rgb(255,255,255) solid;border-collapse:collapse}td[data-v-546c2d5e]{padding:8px;text-align:center}.clickable[data-v-546c2d5e]{cursor:pointer;-webkit-user-select:none;user-select:none}.clickable[data-v-546c2d5e]:hover{background-color:#fff3}.copy-tip[data-v-546c2d5e]{position:fixed;top:20px;left:50%;transform:translate(-50%);background:#000c;color:green;padding:10px 20px;border-radius:4px;font-size:16px;z-index:1000;animation:fadeInOut-546c2d5e 2s forwards}@keyframes fadeInOut-546c2d5e{0%,to{opacity:0}20%,80%{opacity:1}}html,body{margin:0;padding:0;height:100%;background:#000;font-family:Courier New,Courier,monospace;color:#b0b0b0;overflow-x:hidden}body{background-image:radial-gradient(2px 2px at 20px 30px,#eee,transparent),radial-gradient(2px 2px at 40px 70px,#fff,transparent),radial-gradient(1px 1px at 90px 40px,#fff,transparent),radial-gradient(1px 1px at 130px 80px,#eee,transparent),radial-gradient(2px 2px at 160px 30px,#fff,transparent),radial-gradient(1.5px 1.5px at 200px 100px,#eee,transparent),radial-gradient(1px 1px at 50px 120px,#fff,transparent),radial-gradient(2px 2px at 180px 150px,#eee,transparent),radial-gradient(1px 1px at 100px 180px,#fff,transparent),radial-gradient(1.5px 1.5px at 30px 180px,#eee,transparent),radial-gradient(2px 2px at 150px 200px,#fff,transparent);background-repeat:repeat;background-size:200px 200px;animation:starry 140s linear infinite}@keyframes starry{0%{background-position:0 0}to{background-position:200px 200px}}@keyframes borderGlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}#topnav{position:fixed;top:0;left:0;width:100%;height:70px;background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 24px;box-sizing:border-box;border-bottom:1px solid rgba(184,13,236,.2)}#topnav .logo img{height:40px;border-radius:8px}#topnav ul{list-style:none;margin:0;padding:0;display:flex;gap:28px}#topnav li a{color:#ccc;text-decoration:none;font-size:17px;padding:8px 16px;border-radius:8px;transition:all .3s}#topnav li a:hover{color:#fff;background:#b80dec4d;transform:translateY(-1px)}#main{min-height:100vh;padding-top:90px;padding-bottom:60px}#reference{max-width:900px;margin:60px auto;padding:0 20px;font-size:24px;line-height:2;color:#b8b8b8;text-align:center}#name{color:#32d629;font-weight:700}#reference a{color:#b136e4;text-decoration:underline}.section h2{text-align:center;font-size:32px;margin:60px 0 40px;color:#ddd}.grid{display:grid;gap:48px;padding:0 40px;max-width:1900px;margin:0 auto;grid-template-columns:repeat(auto-fit,minmax(380px,520px));justify-content:center;align-content:start}.grid>.card:only-child{grid-column:1 / -1;max-width:560px;justify-self:center}.card{position:relative;width:100%;aspect-ratio:600 / 500;background:#14142873;border-radius:24px;overflow:hidden;cursor:pointer;transition:all .5s cubic-bezier(.175,.885,.32,1.2);box-shadow:0 8px 32px #0009,0 0 0 1px #b80dec26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(184,13,236,.1);display:flex;flex-direction:column}.card img{width:100%;height:100%;flex:1;object-fit:cover;transition:transform 8s ease;pointer-events:none}.card:hover{transform:translateY(-20px) scale(1.02);box-shadow:0 30px 60px #b80dec66,0 0 80px #b80dec40;border-color:#b80dec99}.card:hover img{transform:scale(1.12)}.card span{position:absolute;bottom:0;left:0;right:0;padding:32px 20px 28px;font-size:26px;font-weight:700;text-align:center;color:#fff;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.8) 100%);text-shadow:0 0 20px rgba(184,13,236,.8),0 2px 10px rgba(0,0,0,.8);letter-spacing:1px;pointer-events:none}.card:hover span{transform:translateY(-10px);text-shadow:0 0 30px rgba(184,13,236,1),0 4px 20px rgba(0,0,0,.9)}.card:before{content:"";position:absolute;inset:0;border-radius:24px;padding:2px;background:linear-gradient(45deg,transparent,rgba(184,13,236,.3),rgba(100,200,255,.3),transparent);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .6s;pointer-events:none}.card:hover:before{opacity:1;animation:borderGlow 4s linear infinite}@media(max-width:768px){#topnav{padding:0 16px;height:60px}#topnav .logo img{height:34px}#topnav ul{gap:16px}#topnav li a{font-size:15px;padding:6px 10px}#reference{font-size:19px;line-height:1.8;padding:0 20px;margin:40px auto}.grid{padding:0 20px;gap:30px}.card:hover{transform:translateY(-12px) scale(1.02)}.card span{font-size:22px;padding:24px 16px 20px}.section h2{font-size:26px;margin:50px 0 30px}}@media(min-width:1400px){.grid{grid-template-columns:repeat(auto-fit,minmax(460px,560px));gap:64px;padding:0 60px}}@media(min-width:1800px){.grid{grid-template-columns:repeat(3,1fr);gap:80px}}#footer{text-align:center;padding:40px 20px;color:#888;font-size:16px;margin-top:80px}