:root{--crimson: #c41e3a;--crimson-deep: #8b0000;--gold: #ffd700;--gold-dim: #c9a227;--jade: #00e5a0;--electric: #00d4ff;--navy: #0a1628;--ink: #050a12;--paper: #fff8e7;--font-brush: "Ma Shan Zheng", cursive;--font-display: "ZCOOL XiaoWei", "Noto Serif SC", serif;--font-body: "Noto Serif SC", serif;--font-fun: "ZCOOL KuaiLe", cursive}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);font-weight:600;color:var(--paper);background:var(--ink);overflow-x:hidden}#root{min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}::selection{background:var(--gold);color:var(--ink)}.page-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:url(/website_bg.png) center / cover no-repeat fixed;opacity:.55}.page-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#050a12e0,#0a1628d1,#050a12eb)}.grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:linear-gradient(rgba(0,212,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.04) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse 90% 70% at 50% 40%,black,transparent);mask-image:radial-gradient(ellipse 90% 70% at 50% 40%,black,transparent)}.fx-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;mix-blend-mode:screen;opacity:.85}.floating-lanterns{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.lantern-orb{position:absolute;font-family:var(--font-brush);font-size:clamp(1.5rem,3vw,2.5rem);color:var(--crimson);text-shadow:0 0 12px rgba(255,100,0,.9),0 0 28px rgba(255,215,0,.6);animation:lantern-float 12s ease-in-out infinite;opacity:.75}.lantern-1{left:4%;bottom:-10%;animation-delay:0s;animation-duration:14s}.lantern-2{left:16%;bottom:-10%;animation-delay:2s;animation-duration:16s}.lantern-3{left:28%;bottom:-10%;animation-delay:4s;animation-duration:13s}.lantern-4{left:42%;bottom:-10%;animation-delay:1s;animation-duration:15s}.lantern-5{left:55%;bottom:-10%;animation-delay:3s;animation-duration:17s}.lantern-6{left:68%;bottom:-10%;animation-delay:5s;animation-duration:14s}.lantern-7{left:80%;bottom:-10%;animation-delay:2.5s;animation-duration:18s}.lantern-8{left:92%;bottom:-10%;animation-delay:.8s;animation-duration:12s}@keyframes lantern-float{0%{transform:translateY(0) translate(0) rotate(-4deg);opacity:0}10%{opacity:.8}50%{transform:translateY(-55vh) translate(20px) rotate(4deg)}90%{opacity:.6}to{transform:translateY(-110vh) translate(-10px) rotate(-2deg);opacity:0}}.dragon-seals{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.seal{position:absolute;font-family:var(--font-brush);font-size:clamp(4rem,12vw,9rem);color:#c41e3a1f;border:4px solid rgba(196,30,58,.18);padding:.2em .15em;line-height:1;-webkit-user-select:none;user-select:none}.seal-left{top:18%;left:1%;transform:rotate(-12deg)}.seal-right{bottom:12%;right:1%;transform:rotate(10deg)}.ticker{background:linear-gradient(90deg,var(--crimson-deep),var(--crimson),var(--crimson-deep));border-bottom:2px solid var(--gold);overflow:hidden;white-space:nowrap;position:relative;z-index:60}.ticker-track{display:inline-flex;animation:ticker-scroll 40s linear infinite;gap:3rem;padding:.65rem 0;font-family:var(--font-fun);font-size:1.15rem;letter-spacing:.08em;color:var(--gold)}.ticker-track span{display:inline-flex;align-items:center;gap:.5rem}.ticker-track .up{color:var(--jade)}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.site-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem clamp(.75rem,2vw,1.5rem);background:#050a12e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,215,0,.25)}.brand{display:flex;align-items:center;gap:.75rem}.brand img{width:48px;height:48px;border-radius:50%;border:2px solid var(--gold);box-shadow:0 0 20px #ffd70059}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-family:var(--font-brush);font-size:1.75rem;letter-spacing:.04em;color:var(--gold);text-shadow:0 0 18px rgba(255,80,0,.45)}.brand-ticker{font-family:var(--font-display);font-size:.85rem;color:var(--electric)}.nav-toggle{display:none;flex-direction:column;gap:5px;padding:.5rem}.nav-toggle span{width:24px;height:2px;background:var(--gold)}.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem}.site-nav a{font-family:var(--font-display);font-size:.95rem;letter-spacing:.06em;padding:.35rem 0;opacity:.9;transition:color .2s,opacity .2s}.site-nav a:hover{opacity:1;color:var(--gold)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.75rem;font-family:var(--font-fun);font-size:1.1rem;letter-spacing:.06em;color:var(--ink);background:linear-gradient(135deg,var(--gold) 0%,#ffb347 50%,var(--gold-dim) 100%);border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 0 var(--crimson-deep),0 0 30px #ffd70059;transition:transform .15s,box-shadow .15s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--crimson-deep),0 0 40px #ffd70080}.btn-outline{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:var(--font-fun);letter-spacing:.06em;color:var(--gold);border:2px solid var(--gold);background:#c41e3a40;transition:background .2s,transform .15s}.btn-outline:hover{background:#c41e3a80;transform:translateY(-1px)}main{min-height:calc(100vh - 200px);position:relative;z-index:1}.page-full{width:100%;padding:clamp(1.5rem,4vw,3rem) clamp(.75rem,2vw,1.5rem);animation:page-in .6s ease-out}.section-block{width:100%;padding:clamp(2.5rem,6vw,4.5rem) 0;scroll-margin-top:5.5rem;border-top:1px solid rgba(255,215,0,.15)}@keyframes page-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.section-title{font-family:var(--font-brush);font-size:clamp(2.75rem,8vw,5rem);letter-spacing:.04em;line-height:1;margin:0 0 .35rem;background:linear-gradient(180deg,#fff4b0 0%,var(--gold) 40%,#ff8c00 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 20px rgba(255,100,0,.35))}.section-sub{font-family:var(--font-display);font-size:1.15rem;color:var(--electric);margin:0 0 2rem;opacity:.9}.site-footer{margin-top:2rem;padding:2.5rem clamp(.75rem,2vw,1.5rem);background:linear-gradient(180deg,transparent,rgba(139,0,0,.35));border-top:2px solid rgba(255,215,0,.2);text-align:center;position:relative;z-index:1}.footer-disclaimer{font-size:.8rem;opacity:.65;max-width:720px;margin:1.5rem auto 0;line-height:1.6}.copy-box{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#00000073;border:1px dashed var(--gold-dim);font-family:monospace;font-size:.85rem;word-break:break-all;width:100%}.copy-box button{padding:.4rem .9rem;background:var(--crimson);color:var(--paper);font-family:var(--font-fun);font-size:.85rem}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%}.stat{padding:1.25rem;text-align:center;background:linear-gradient(145deg,#122240e6,#0a1628f2);border:1px solid rgba(255,80,0,.35);position:relative;overflow:hidden;box-shadow:inset 0 0 30px #c41e3a26}.stat:before{content:"發";position:absolute;top:-.5rem;right:.5rem;font-family:var(--font-brush);font-size:3rem;opacity:.08;color:var(--gold)}.stat-value{font-family:var(--font-brush);font-size:clamp(1.6rem,3.5vw,2.4rem);color:var(--jade);text-shadow:0 0 16px rgba(0,229,160,.45);line-height:1.15;word-break:break-word}.stat-label{font-family:var(--font-display);font-size:.85rem;opacity:.75;margin-top:.25rem}.content-block{margin-bottom:1.5rem}.content-block p{line-height:1.85;opacity:.95;font-size:1.05rem}.hero{position:relative;min-height:92vh;display:flex;flex-direction:column;justify-content:flex-end;width:100%;scroll-margin-top:5rem}.hero-media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center top}.hero-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,var(--ink) 0%,rgba(5,10,18,.35) 45%,rgba(5,10,18,.1) 100%)}.hero-content{position:relative;z-index:1;padding:clamp(2rem,6vw,4rem) clamp(.75rem,2vw,1.5rem) 3rem;width:100%}.hero-eyebrow{font-family:var(--font-fun);font-size:1.1rem;color:#ff6b35;text-shadow:0 0 24px rgba(255,80,0,.9);margin-bottom:.5rem;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.85}50%{opacity:1}}.hero-title{font-family:var(--font-brush);font-size:clamp(4.5rem,16vw,10rem);line-height:.9;letter-spacing:.02em;margin:0;color:var(--gold);text-shadow:0 0 40px rgba(255,100,0,.65),4px 4px 0 var(--crimson-deep)}.hero-title-en{display:block;font-family:var(--font-display);font-size:.42em;letter-spacing:.12em;margin-top:.15em;color:#ffe08a}.hero-tagline{font-size:clamp(1rem,2.2vw,1.3rem);max-width:40rem;margin:1.25rem 0 2rem;opacity:.95}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.hero-float{position:absolute;right:clamp(.5rem,4vw,3rem);bottom:28%;width:clamp(100px,16vw,180px);animation:float-y 4s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(255,100,0,.55));z-index:2;pointer-events:none;display:none}@keyframes float-y{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-14px) rotate(3deg)}}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,3vw,2rem);align-items:center;width:100%;margin:1.5rem 0}.split-section img{width:100%;height:auto;object-fit:contain;border:3px solid var(--gold);box-shadow:0 0 40px #ff500040,0 0 60px #00d4ff26;background:#00000059}.timeline{position:relative;padding-left:2rem;border-left:3px solid var(--crimson);width:100%}.timeline-item{position:relative;padding-bottom:2.5rem;padding-left:1.5rem}.timeline-item:before{content:"";position:absolute;left:-2rem;top:.35rem;width:14px;height:14px;background:var(--gold);border:3px solid var(--crimson);border-radius:50%;transform:translate(-50%);margin-left:-1.5px;box-shadow:0 0 12px #ff6400cc}.timeline-item h3{font-family:var(--font-brush);font-size:2rem;color:var(--gold);margin:0 0 .5rem}.timeline-item .phase{font-family:var(--font-display);color:var(--electric);font-size:1rem;margin-bottom:.5rem}.fantasy-gallery-section{position:relative}.fantasy-gallery{width:100%;display:flex;flex-direction:column;gap:2.5rem;perspective:1200px}.fantasy-altar{display:flex;justify-content:center;padding:1rem 0 .5rem}.relic{margin:0;position:relative;background:linear-gradient(160deg,#50080cf2,#0c1224eb),radial-gradient(circle at 50% 0%,rgba(255,180,40,.2),transparent 55%);border:3px solid var(--gold);box-shadow:0 0 0 6px #8b00008c,0 0 40px #ff780059,inset 0 0 40px #ffd70014;transition:transform .45s ease,box-shadow .45s ease}.relic:before,.relic:after{content:"";position:absolute;width:22px;height:22px;border:2px solid var(--gold);pointer-events:none;z-index:2}.relic:before{top:8px;left:8px;border-right:none;border-bottom:none;box-shadow:-2px -2px #ffd70059}.relic:after{bottom:8px;right:8px;border-left:none;border-top:none;box-shadow:2px 2px #ffd70059}.relic:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 0 0 6px #c41e3aa6,0 0 60px #ff8c008c,inset 0 0 40px #ffd7001f}.relic-mat{margin:.85rem;padding:.55rem;background:linear-gradient(180deg,#c41e3a59,#00000073),repeating-linear-gradient(90deg,rgba(255,215,0,.08) 0 2px,transparent 2px 8px);border:1px solid rgba(255,215,0,.35)}.relic-mat img{width:100%;height:auto;display:block;object-fit:contain;filter:saturate(1.08) contrast(1.05)}.relic figcaption{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem 1rem}.relic-seal{flex-shrink:0;width:2.4rem;height:2.4rem;display:grid;place-items:center;font-family:var(--font-brush);font-size:1.35rem;color:#fff0c8;background:radial-gradient(circle,var(--crimson) 40%,var(--crimson-deep));border:2px solid var(--gold);box-shadow:0 0 14px #ff500073;transform:rotate(-8deg)}.relic-title{font-family:var(--font-display);font-size:1.05rem;color:var(--gold);letter-spacing:.04em}.relic-hero{width:min(720px,92vw);transform:rotateX(2deg)}.relic-ornament{display:flex;justify-content:center;gap:1rem;padding:.75rem 1rem 0;font-family:var(--font-brush);font-size:1.4rem;color:var(--gold);text-shadow:0 0 16px rgba(255,120,0,.6)}.fantasy-orbit{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:end;padding:0 .5rem}.relic-float-1{transform:rotate(-3deg) translateY(18px)}.relic-float-2{transform:rotate(1deg) translateY(-12px) scale(1.04);z-index:1}.relic-float-3{transform:rotate(3.5deg) translateY(22px)}.relic-float-1:hover,.relic-float-2:hover,.relic-float-3:hover{transform:translateY(-10px) rotate(0) scale(1.03)}.fantasy-scroll-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.relic-scroll{animation:relic-drift 7s ease-in-out infinite}.relic-scroll:nth-child(2){animation-delay:.8s}.relic-scroll:nth-child(3){animation-delay:1.6s}.relic-scroll:nth-child(4){animation-delay:2.4s}@keyframes relic-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pie-visual{display:flex;flex-wrap:wrap;gap:2rem;align-items:center;justify-content:center;width:100%}.pie-ring{width:220px;height:220px;border-radius:50%;background:conic-gradient(var(--jade) 0deg 144deg,var(--electric) 144deg 252deg,var(--gold) 252deg 324deg,var(--crimson) 324deg 360deg);position:relative;box-shadow:0 0 50px #ff500059;animation:spin-slow 30s linear infinite}@keyframes spin-slow{to{transform:rotate(360deg)}}.pie-ring:after{content:"$STONK";position:absolute;top:25%;right:25%;bottom:25%;left:25%;background:var(--navy);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-fun);font-size:1.25rem;color:var(--gold);animation:spin-slow 30s linear infinite reverse}.legend-list{list-style:none;padding:0;margin:0}.legend-list li{display:flex;align-items:center;gap:.75rem;padding:.65rem 0;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--font-display)}.legend-dot{width:12px;height:12px;border-radius:2px;flex-shrink:0}.steps{counter-reset:step;list-style:none;padding:0;margin:0 0 1.5rem;width:100%}.steps li{counter-increment:step;position:relative;padding:1.5rem 1.5rem 1.5rem 4rem;margin-bottom:.75rem;background:#122240a6;border-left:4px solid var(--gold);box-shadow:inset 0 0 40px #c41e3a1f}.steps li:before{content:counter(step);position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-family:var(--font-brush);font-size:2.2rem;color:var(--crimson)}.oracle-panel{text-align:center;padding:3rem 1.5rem;background:radial-gradient(ellipse at center,rgba(196,30,58,.35),transparent 70%);border:2px solid var(--gold);box-shadow:0 0 50px #ff500040;width:100%}.oracle-result{font-family:var(--font-brush);font-size:clamp(1.6rem,4vw,2.6rem);color:var(--gold);min-height:3rem;margin:1.5rem 0;text-shadow:0 0 20px rgba(255,100,0,.5)}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;width:100%}.social-link{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 1rem;background:linear-gradient(160deg,#c41e3a66,#0a1628e6);border:1px solid rgba(255,215,0,.25);transition:transform .2s,border-color .2s,box-shadow .2s}.social-link:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 0 28px #ff500059}.social-seal{font-family:var(--font-brush);font-size:2.5rem;color:var(--gold);width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--crimson);line-height:1}.marquee-banner{width:100%;margin:2rem 0;border-top:3px solid var(--gold);border-bottom:3px solid var(--gold);box-shadow:0 0 40px #ff500033}.marquee-banner img{width:100%;height:auto;max-height:none;object-fit:contain}.stonk-chart-wrap{width:100%;height:100px;margin:2rem 0;opacity:.9;overflow:hidden}.stonk-chart{width:100%;height:100%}.stonk-chart-line{stroke-dasharray:600;stroke-dashoffset:600;animation:draw-line 2.5s ease forwards;filter:drop-shadow(0 0 6px rgba(255,100,0,.7))}.stonk-chart-arrow{opacity:0;animation:arrow-pop .4s ease 2.2s forwards}@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes arrow-pop{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.lantern-row{display:flex;justify-content:center;gap:2.5rem;margin:1.5rem 0;font-family:var(--font-brush);font-size:2.75rem;color:var(--crimson);text-shadow:0 0 24px rgba(255,100,0,.7);animation:lantern-sway 3s ease-in-out infinite}.lantern-row span:nth-child(2){color:var(--gold)}@keyframes lantern-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@media(max-width:1000px){.fantasy-orbit,.fantasy-scroll-row{grid-template-columns:repeat(2,1fr)}.relic-float-1,.relic-float-2,.relic-float-3{transform:none}.social-grid,.stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.split-section{grid-template-columns:1fr}.hero-float{display:none}}@media(max-width:768px){.nav-toggle{display:flex}.site-nav{position:absolute;top:100%;left:0;right:0;flex-direction:column;padding:1rem;background:#050a12fa;border-bottom:1px solid var(--gold);display:none}.site-nav.open{display:flex}.site-header{flex-wrap:wrap;position:relative}.fantasy-orbit,.fantasy-scroll-row{grid-template-columns:1fr}.seal{font-size:3.5rem}}