@font-face{font-family:"Press Start 2P";src:url(./press-start-2p-latin-400-normal-_wFEWmAB.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Space Mono;src:url(./space-mono-latin-400-normal-Rg4St2Dn.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Space Mono;src:url(./space-mono-latin-700-normal-mWgeinG7.woff2) format("woff2");font-weight:700;font-display:swap}:root{--bg:#000;--panel:#0b0b0b;--text:#fff;--muted:rgba(255,255,255,.72);--yellow:#f2dc00;--red:#d62828;--pink:#f4b6a8;--blue:#2a3fe0;--orange:#e07b00;--green:#14a97a;--px:"Press Start 2P","Microsoft JhengHei","PingFang TC","Noto Sans TC",monospace;--mono:"Space Mono","Microsoft JhengHei","PingFang TC","Noto Sans TC",ui-monospace,Consolas,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:5.5rem}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--mono);font-size:1.0625rem;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.app-root{min-height:100vh;background:var(--bg);position:relative}.app-root:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.035) 0 1px,transparent 1px 3px)}.pac{display:inline-block;width:2.25rem;height:2.25rem;border-radius:50%;background:var(--yellow);box-shadow:0 0 14px #f2dc0073;clip-path:polygon(100% 50%,50% 50%,100% 15%,100% 0,0 0,0 100%,100% 100%,100% 85%);animation:chomp .45s steps(2,end) infinite alternate;flex:none}@keyframes chomp{0%{clip-path:polygon(100% 50%,50% 50%,100% 15%,100% 0,0 0,0 100%,100% 100%,100% 85%)}to{clip-path:polygon(100% 50%,50% 50%,100% 46%,100% 0,0 0,0 100%,100% 100%,100% 54%)}}.ghost{--c:var(--red);display:inline-block;position:relative;width:2.5rem;height:2.75rem;background:var(--c);border-radius:1.25rem 1.25rem 0 0;clip-path:polygon(0 0,100% 0,100% 100%,83% 82%,66% 100%,50% 82%,34% 100%,17% 82%,0 100%);flex:none}.ghost:before,.ghost:after{content:"";position:absolute;top:.8rem;width:.62rem;height:.8rem;background:#fff;border-radius:50%;box-shadow:inset .2rem .12rem 0 -.02rem #2a3fe0}.ghost:before{left:.45rem}.ghost:after{right:.45rem}.g-red{--c:var(--red)}.g-pink{--c:var(--pink)}.g-blue{--c:var(--blue)}.g-orange{--c:var(--orange)}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:.9rem clamp(1rem,3vw,2.5rem);background:#000000f0;border-bottom:3px dotted var(--yellow)}.brand{display:flex;align-items:center;gap:.9rem}.brand-name{font-family:var(--px);font-size:1.25rem;letter-spacing:.04em}.topnav{display:flex;gap:clamp(1rem,3vw,2.5rem)}.topnav a,.topnav button{background:none;border:0;color:var(--text);cursor:pointer;font-family:var(--mono);font-weight:700;font-size:1rem;letter-spacing:.04em;padding:.25rem 0;border-bottom:2px solid transparent}.topnav a:hover,.topnav button:hover{border-bottom-color:var(--yellow);color:var(--yellow)}.btn-coin{background:var(--yellow);color:#000;border:0;padding:.75rem 1.4rem;font-family:var(--mono);font-weight:700;font-size:1rem;letter-spacing:.06em;cursor:pointer;white-space:nowrap}.btn-coin:hover{background:#fff}@media (max-width:860px){.topnav{display:none}.brand-name{font-size:1rem}}.page-container{max-width:1480px;margin:0 auto;padding:0 clamp(1rem,3vw,2rem) 2rem}.hero{text-align:center;padding:clamp(3rem,8vw,6rem) 0 clamp(2.5rem,6vw,4rem)}.stage-tag{display:inline-block;font-family:var(--px);font-size:.875rem;color:var(--green);border:3px dotted var(--green);padding:.7rem 1.1rem;text-shadow:0 0 8px rgba(20,169,122,.7)}.hero-title{font-family:var(--px);font-weight:400;font-size:clamp(1.6rem,5.2vw,3.9rem);line-height:1.35;margin:2rem 0 1.5rem;text-shadow:3px 0 rgba(0,255,255,.35),-3px 0 rgba(255,0,80,.35)}.hero-red{color:var(--red);display:block}.hero-sub{max-width:42rem;margin:0 auto 2.25rem;font-size:1.25rem;color:var(--muted)}.hero-cta{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center}.btn{display:inline-flex;align-items:center;gap:.75rem;padding:1.1rem 2rem;font-family:var(--mono);font-weight:700;font-size:1.125rem;letter-spacing:.06em;cursor:pointer}.btn-yellow{background:var(--yellow);color:#000;border:0}.btn-yellow:hover{background:#fff}.btn-yellow .dot{width:.9rem;height:.9rem;border-radius:50%;background:#000}.btn-ghost{background:transparent;color:var(--pink);border:3px dotted var(--pink)}.btn-ghost:hover{background:var(--pink);color:#000}.hero-lane{position:relative;height:3rem;margin-top:3.5rem;overflow:hidden}.pellets{position:absolute;left:0;right:0;top:50%;height:.6rem;transform:translateY(-50%);background:radial-gradient(circle,var(--yellow) 0 .22rem,transparent .24rem) 0 50%/2.5rem .6rem repeat-x;opacity:.85}.chase{position:absolute;top:.35rem;left:0;width:2.25rem;height:2.25rem;animation:chase 9s linear infinite;z-index:2}.chase-g{position:absolute;top:.15rem;left:0;animation:chase 9s linear infinite;animation-delay:.9s;transform:scale(.95);z-index:1}@keyframes chase{0%{left:-4rem}to{left:100%}}.ticker{overflow:hidden;border-top:3px dotted var(--green);border-bottom:3px dotted var(--green);padding:1.1rem 0;margin:0 calc(-1*clamp(1rem,3vw,2rem))}.ticker-track{display:flex;width:max-content;animation:tick 32s linear infinite}.ticker-set{display:flex}.ticker-set span{display:flex;align-items:center;font-family:var(--px);font-size:1.125rem;color:var(--green);white-space:nowrap;text-shadow:0 0 8px rgba(20,169,122,.5)}.ticker-set i{width:.9rem;height:.9rem;border-radius:50%;background:var(--yellow);margin:0 2.25rem}@keyframes tick{to{transform:translate(-50%)}}.sticky-bar{position:sticky;top:4.6rem;z-index:30;background:#000000f0;margin:0 calc(-1*clamp(1rem,3vw,2rem));padding:1rem clamp(1rem,3vw,2rem);border-bottom:3px dotted var(--blue);display:flex;flex-direction:column;gap:.9rem}.search-row{display:flex;align-items:center;gap:1rem}.search-input{flex:1;min-width:0;background:var(--panel);color:#fff;border:3px dotted var(--blue);border-radius:0;padding:.9rem 1.1rem;font-family:var(--mono);font-size:1.125rem}.search-input::placeholder{color:#ffffff80}.search-input:focus{outline:none;border-color:var(--yellow);box-shadow:0 0 0 3px #f2dc0040}.count-label{font-family:var(--px);font-size:.875rem;color:var(--yellow);white-space:nowrap}.count-label b{font-weight:400;font-size:1.125rem}.category-bar{display:flex;flex-wrap:wrap;gap:.7rem;padding:.25rem 0 .4rem}.cat-btn{padding:.55rem 1.1rem;font-family:var(--mono);font-weight:700;font-size:1rem;white-space:nowrap;background:transparent;color:var(--muted);border:2px dotted rgba(255,255,255,.4);cursor:pointer}.cat-btn:hover{color:#fff;border-color:#fff}.cat-btn.active{background:var(--yellow);color:#000;border:2px solid var(--yellow)}@media (max-width:640px){.search-row{flex-direction:column;align-items:stretch;gap:.5rem}.sticky-bar{top:3.9rem}}.section-title{font-family:var(--px);font-weight:400;font-size:clamp(1.1rem,2.6vw,1.6rem);line-height:1.6;margin:0}.section-title:after{content:"";display:block;width:6rem;height:.4rem;background:var(--yellow);margin-top:1rem}.featured-section{padding:3.5rem 0 1rem}.featured-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.featured-note{font-size:1rem;color:var(--muted)}.featured-grid{display:grid;grid-template-columns:1fr;gap:1.75rem}@media (min-width:700px){.featured-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.featured-grid{grid-template-columns:repeat(4,1fr)}}.capsule-card,.site-card-link{--c:var(--red);position:relative;display:block;background:var(--bg);border:3px dotted var(--c);padding:1.5rem;transition:transform .15s,background .15s,box-shadow .15s}.capsule-card:before,.capsule-card:after,.site-card-link:before,.site-card-link:after{content:"";position:absolute;width:.7rem;height:.7rem;background:var(--c)}.capsule-card:before,.site-card-link:before{top:-.35rem;left:-.35rem}.capsule-card:after,.site-card-link:after{bottom:-.35rem;right:-.35rem}.capsule-card:nth-child(odd){transform:rotate(-.6deg)}.capsule-card:nth-child(2n){transform:rotate(.6deg)}.capsule-card:hover,.site-card-link:hover{background:#0d0d0d;box-shadow:0 0 22px color-mix(in srgb,var(--c) 45%,transparent);transform:translateY(-4px) rotate(0)}.tone-0{--c:var(--red)}.tone-1{--c:var(--pink)}.tone-2{--c:var(--blue)}.tone-3{--c:var(--orange)}.tone-4{--c:var(--green)}.capsule-card.tone-0,.site-card.tone-0 .site-card-link{--c:var(--red)}.capsule-card.tone-1,.site-card.tone-1 .site-card-link{--c:var(--pink)}.capsule-card.tone-2,.site-card.tone-2 .site-card-link{--c:var(--blue)}.capsule-card.tone-3,.site-card.tone-3 .site-card-link{--c:var(--orange)}.site-card.tone-4 .site-card-link{--c:var(--green)}.capsule-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:2rem}.pill{font-family:var(--mono);font-size:.9375rem;font-weight:700;color:var(--c);border:2px dotted var(--c);padding:.15rem .6rem}.capsule-title{font-family:var(--px);font-size:.95rem;line-height:1.7;color:var(--c);margin-bottom:.75rem}.capsule-desc{font-size:1.0625rem;color:#fff;margin-bottom:.4rem}.capsule-keywords{font-size:1rem;color:var(--muted);margin-bottom:.9rem}.capsule-hint{font-size:.9375rem;font-weight:700;color:var(--yellow)}.site-grid{display:grid;grid-template-columns:1fr;gap:1.75rem;padding-top:3rem}@media (min-width:700px){.site-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.site-grid{grid-template-columns:repeat(3,1fr)}}.site-card{position:relative}.site-card-link{height:100%;padding:1.5rem 3.5rem 1.5rem 1.5rem}.site-card-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.site-id{font-family:var(--px);font-size:.875rem;color:var(--yellow)}.site-cat{font-size:.9375rem;font-weight:700;color:var(--c);border:2px dotted var(--c);padding:.1rem .6rem}.site-domain{font-family:var(--px);font-size:1rem;line-height:1.6;color:#fff;margin-bottom:.75rem;overflow-wrap:anywhere}.site-card-link:hover .site-domain{color:var(--c)}.site-zh{font-size:1.1875rem;font-weight:700;color:#fff;margin-bottom:.4rem}.site-en{font-size:1rem;color:var(--muted);margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.site-url{font-size:.9375rem;color:#ffffff80;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fav-btn{position:absolute;top:1rem;right:1rem;z-index:2;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;font-size:1.25rem;background:#000;color:#fff9;border:2px dotted rgba(255,255,255,.5);cursor:pointer}.fav-btn:hover{color:var(--yellow);border-color:var(--yellow)}.fav-btn.active{background:var(--yellow);color:#000;border:2px solid var(--yellow)}.empty-state{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;padding:4rem 0;font-family:var(--px);font-size:1rem;line-height:1.8;color:var(--muted)}.footer{border-top:3px dotted var(--yellow);margin-top:3rem;padding:2.5rem clamp(1rem,3vw,2.5rem) 3rem}.footer-inner{max-width:1480px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem}.footer p{margin:0;font-size:1rem;color:var(--muted)}@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.chase,.chase-g{left:20%}}