:root{--bg-top: #5b4282;--bg-bottom: #161a31;--text: #ffffff;--text-soft: rgba(255, 255, 255, .78);--text-mute: rgba(255, 255, 255, .45);--border: rgba(255, 255, 255, .18);--border-hi: rgba(255, 255, 255, .45);--accent: #ff4757;--accent-soft: rgba(255, 71, 87, .18);--panel: rgba(255, 255, 255, .05);--panel-hi: rgba(255, 255, 255, .1);--shadow: 0 8px 24px rgba(0, 0, 0, .35);--radius: 14px;--radius-sm: 10px;--font-mono: "Courier New", Courier, ui-monospace, monospace;--sword: url(https://cur.cursors-4u.net/games/gam-4/gam373.cur), auto}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{min-height:100vh;font-family:var(--font-mono);color:var(--text);background:radial-gradient(circle at center,var(--bg-top) 0%,var(--bg-bottom) 100%);background-attachment:fixed;cursor:var(--sword);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font-family:inherit;cursor:pointer}::selection{background:var(--accent);color:#fff}.crt-overlay{position:fixed;inset:0;pointer-events:none;z-index:100;background:linear-gradient(#12101000 50%,#0000001a 50%),linear-gradient(90deg,#ff000008,#00ff0003,#0000ff08);background-size:100% 3px,3px 100%;mix-blend-mode:multiply}@keyframes vhs-drift{0%,92%{transform:translateY(-100vh);opacity:0}93%{opacity:.5}to{transform:translateY(100vh);opacity:0}}.crt-overlay:after{content:"";position:absolute;left:0;right:0;height:6px;background:linear-gradient(180deg,transparent 0%,rgba(255,255,255,.3) 30%,rgba(255,71,87,.4) 50%,rgba(255,255,255,.3) 70%,transparent 100%);filter:blur(1px);animation:vhs-drift 12s linear infinite}@keyframes crt-boot{0%{transform:scaleY(.001);opacity:0;filter:brightness(4)}10%{transform:scaleY(.005);opacity:.9}35%{transform:scaleY(1);opacity:1;filter:brightness(2)}to{transform:scaleY(1);opacity:1;filter:brightness(1)}}.crt-boot{animation:crt-boot .8s ease-out 0s 1 both;transform-origin:center}@media(prefers-reduced-motion:reduce){.crt-overlay:after,.crt-boot{animation:none}}.shell{width:100%;max-width:1200px;margin:0 auto;padding:32px 16px 60px;position:relative;z-index:1}.hero{text-align:center;margin-bottom:28px}.profile{width:96px;height:96px;margin:0 auto 14px;border-radius:50%;background-image:url(https://meee.com.tw/ZT88k4k.png);background-size:cover;background-position:center;border:2px solid var(--border);box-shadow:0 0 0 4px #ff475726,var(--shadow)}.hero h1{font-size:clamp(1.4rem,2.2vw,1.9rem);letter-spacing:3px;margin:0 0 6px;text-shadow:0 0 14px rgba(255,71,87,.35)}.hero .desc{font-size:.92rem;line-height:1.5;color:var(--text-soft);max-width:540px;margin:0 auto;min-height:2.7em}.lang-switcher{position:fixed;top:16px;right:16px;z-index:50;display:flex;gap:6px;background:#00000040;border:1px solid var(--border);border-radius:999px;padding:4px;backdrop-filter:blur(6px)}.lang-switcher button{background:transparent;border:none;color:var(--text-soft);font-size:.7rem;letter-spacing:1px;padding:5px 12px;border-radius:999px;transition:.2s}.lang-switcher button.active{background:var(--accent);color:#fff}.lang-switcher button:hover:not(.active){background:var(--panel-hi);color:var(--text)}.tabs{display:flex;border-bottom:1px solid var(--border);margin:28px 0 22px}.tab{flex:1;text-align:center;font-weight:700;padding:12px 8px;font-size:.95rem;letter-spacing:2px;color:var(--text-mute);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:.25s;position:relative}.tab.active{color:var(--text);border-bottom-color:var(--accent);text-shadow:0 0 10px rgba(255,71,87,.6)}.tab:hover:not(.active){color:var(--text-soft)}.panel{display:none}.panel.active{display:block;animation:fade-in .35s ease-out}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.card{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background:#0e0c1a;isolation:isolate;cursor:pointer;transition:transform .3s,border-color .3s,box-shadow .3s}.card:hover{border-color:var(--border-hi);box-shadow:0 12px 30px #00000080}.card .cover{position:absolute;inset:0;background-size:cover;background-position:center;background-color:#1a1230;transition:transform .55s cubic-bezier(.2,.8,.2,1),filter .4s;z-index:0}.card:hover .cover{transform:scale(1.06);filter:brightness(1.05) saturate(1.1)}.card .cover-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--text-mute);font-size:.8rem;letter-spacing:2px;background:repeating-linear-gradient(45deg,#ffffff05 0 8px,#ffffff0d 8px 16px)}.card .overlay{position:absolute;left:0;right:0;bottom:0;padding:14px 14px 12px;background:linear-gradient(to top,rgba(0,0,0,.92) 0%,rgba(0,0,0,.65) 45%,rgba(0,0,0,.18) 80%,transparent 100%);z-index:1;transition:padding-bottom .3s}.card:hover .overlay{padding-bottom:14px}.card .title{font-size:1.02rem;font-weight:700;letter-spacing:.5px;line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word;text-shadow:0 2px 8px rgba(0,0,0,.7)}.card .meta{margin-top:6px;font-size:.72rem;color:var(--text-soft);letter-spacing:1px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-height:1.6em;overflow:hidden}.card .meta .pill{display:inline-block;padding:2px 8px;border-radius:999px;background:#ffffff1f;color:var(--text);font-size:.65rem;letter-spacing:.5px;white-space:nowrap;border:1px solid var(--border)}.card .read-stamp{position:absolute;top:12px;right:12px;z-index:2;padding:4px 10px;border:2px solid var(--accent);color:var(--accent);font-weight:700;font-size:.7rem;letter-spacing:3px;background:#0000008c;transform:rotate(8deg) scale(.7);opacity:0;transition:opacity .25s,transform .25s}.card:hover .read-stamp{opacity:1;transform:rotate(8deg) scale(1)}.carousel{display:grid;grid-auto-flow:column;grid-auto-columns:78%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 4px 12px}.carousel::-webkit-scrollbar{display:none}.carousel .card{scroll-snap-align:start;aspect-ratio:3/4}@media(min-width:640px){.carousel{grid-auto-columns:44%}}@media(min-width:900px){.carousel{grid-auto-columns:28%}}@media(min-width:1200px){.carousel{grid-auto-columns:22%}}.waterfall{column-count:2;column-gap:12px}@media(min-width:700px){.waterfall{column-count:3}}@media(min-width:1024px){.waterfall{column-count:4}}.waterfall .card{display:block;width:100%;margin:0 0 12px;break-inside:avoid}.waterfall .card.rect{aspect-ratio:3/4}.waterfall .card.square{aspect-ratio:1/1}.tag-marquee{position:relative;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin:0 -16px 18px;padding:10px 0;background:#0000002e;mask-image:linear-gradient(90deg,transparent 0,black 60px,black calc(100% - 60px),transparent 100%)}.tag-marquee:hover .tag-track{animation-play-state:paused}.tag-track{display:flex;gap:8px;width:max-content;animation:marquee 40s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.tag-pill{padding:6px 14px;border:1px solid var(--border);border-radius:999px;background:var(--panel);font-size:.78rem;letter-spacing:1px;white-space:nowrap;transition:.2s;user-select:none}.tag-pill:hover{background:var(--panel-hi);border-color:var(--border-hi);transform:translateY(-1px)}.tag-pill.active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 0 14px #ff47578c}.fantasy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:600px){.fantasy-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.fantasy-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1200px){.fantasy-grid{grid-template-columns:repeat(5,1fr)}}.fantasy-grid .card{aspect-ratio:1/1}.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0 22px}@media(min-width:640px){.platforms{grid-template-columns:repeat(6,1fr)}}.platform{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;color:var(--text-soft);border:1px solid transparent;border-radius:var(--radius-sm);transition:.25s}.platform:hover{color:var(--text);border-color:var(--border);background:var(--panel);transform:translateY(-2px)}.platform svg{width:22px;height:22px;fill:currentColor}.platform .label{font-size:.62rem;letter-spacing:2px;text-transform:uppercase}.foot{text-align:center;font-size:.7rem;color:var(--text-mute);letter-spacing:3px;margin-top:30px}.empty{padding:60px 20px;text-align:center;color:var(--text-mute);font-size:.85rem;letter-spacing:2px;border:1px dashed var(--border);border-radius:var(--radius)}@keyframes glitch-shift{0%,to{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(1px,-1px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}}.tab:hover{animation:glitch-shift .35s 1}
