@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Ma+Shan+Zheng&family=Noto+Sans+SC:wght@400;500;700&display=swap";*{box-sizing:border-box}body{color:#f7fdff;background:#72ccf1;margin:0;font-family:Noto Sans SC,sans-serif}button{font:inherit;color:inherit;cursor:pointer}.starfield{pointer-events:none;opacity:.58;background-image:radial-gradient(#fff 1px,#0000 1.7px),radial-gradient(#caffff 1px,#0000 1.4px);background-position:12px 19px,87px 44px;background-size:95px 95px,137px 137px;position:fixed;inset:0}.topbar{z-index:2;border-bottom:1px solid #dfffff66;justify-content:space-between;align-items:center;max-width:1180px;height:76px;margin:auto;padding:0 28px;display:flex;position:relative}.brand{letter-spacing:2px;background:0 0;border:0;font-family:DM Mono;font-size:15px;font-weight:500}.brand i{letter-spacing:0;margin-left:5px;font-family:Ma Shan Zheng;font-size:25px;font-style:normal}nav{gap:24px;display:flex}nav button,.login,.back{opacity:.9;background:0 0;border:0;font-size:13px}.login{border:1px solid #efffff99;border-radius:99px;padding:8px 14px}.hero{text-align:center;min-height:570px;padding:84px 20px 55px;position:relative;overflow:hidden}.eyebrow{letter-spacing:3px;color:#e6ffff;margin:0 0 14px;font:12px DM Mono}.orbit{border:1px solid #eaffff99;border-radius:50%;width:280px;height:165px;margin:5px auto -62px;position:relative;transform:rotate(-8deg);box-shadow:0 0 35px #c8ffffa8,inset 0 0 30px #c8ffff42}.orbit:after{content:"";border:1px solid #eaffff77;border-radius:50%;position:absolute;inset:10px}.orbit span{text-shadow:0 0 12px #fff;font-size:21px;position:absolute}.orbit span:first-child{top:35px;left:23px}.orbit span:nth-child(2){top:22px;right:32px}.orbit span:nth-child(3){bottom:25px;right:10px}.mascots{letter-spacing:-10px;filter:drop-shadow(0 0 14px #fff);font-size:48px;position:absolute;top:50px;left:0;right:0;transform:rotate(8deg)}h1{letter-spacing:-7px;text-shadow:0 0 22px #e9ffff;margin:0;font:700 clamp(54px,9vw,94px)/.72 DM Mono}.hero h1 em{letter-spacing:0;font:clamp(45px,7vw,75px)/1 Ma Shan Zheng}.hero-copy{color:#edffff;margin:35px 0 24px;font-size:14px;line-height:2}.glow-btn{background:#8be7ff66;border:1px solid #fff;border-radius:50px;padding:12px 23px;transition:all .2s;box-shadow:0 0 19px #eaffff,inset 0 0 15px #fff6}.glow-btn:hover,.portal:hover{background:#d8ffff75;transform:translateY(-4px)}.glow-btn b{margin-left:8px;font-size:20px}.portal-grid{z-index:1;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1000px;margin:0 auto 90px;padding:0 22px;display:grid;position:relative}.portal{text-align:left;background:#a5edff28;border:1px solid #e9ffff91;border-radius:22px;min-height:210px;padding:20px;transition:all .2s;box-shadow:inset 0 0 35px #ffffff14}.portal span{color:#cff5;font:36px DM Mono}.portal h2{margin:22px 0 7px;font-size:19px}.portal p{opacity:.9;min-height:43px;font-size:12px;line-height:1.8}.portal b{font:12px DM Mono}.inner{max-width:900px;min-height:680px;margin:0 auto;padding:46px 20px 80px;position:relative}.back{margin-bottom:24px}.panel{background:#67bde089;border:1px solid #eeffffad;border-radius:26px;padding:42px clamp(22px,6vw,65px);box-shadow:inset 0 0 65px #d7ffff2e,0 15px 50px #2482b448}.panel h2{margin:4px 0;font:48px Ma Shan Zheng}.sub{margin:0 0 30px;font-size:14px}.forum-actions{gap:12px;margin-bottom:22px;display:flex}.small{padding:10px 17px;font-size:13px}.line-btn{background:#d8ffff1c;border:1px solid #edffffa8;border-radius:30px;padding:9px 14px;font-size:13px}.post,.event{border-top:1px solid #eaffff54;align-items:center;gap:17px;padding:18px 3px;display:flex}.post>span{font-size:20px}.post h3,.event h3{margin:0;font-size:16px}.post p,.event p{opacity:.88;margin:5px 0 0;font-size:12px}.post small{white-space:nowrap;margin-left:auto;font:11px DM Mono}.event b{color:#d7ffff;font:25px DM Mono}.event .line-btn{margin-left:auto}.merch-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin:15px 0 24px;display:grid}.merch-grid article{background:#c9faff1a;border:1px solid #dfffff86;border-radius:18px;padding:12px}.product{text-align:center;text-shadow:0 0 12px #fff;background:radial-gradient(circle,#c9ffffa3,#83d7ee99 55%,#75c9ec55);border-radius:12px;height:130px;padding-top:26px;font:36px Ma Shan Zheng}.merch-grid h3{margin:13px 0 5px;font-size:15px}.merch-grid p{opacity:.86;margin:0;font-size:12px}textarea{color:#fff;resize:vertical;background:#e9ffff20;border:1px solid #edffffb8;border-radius:17px;width:100%;min-height:115px;margin-bottom:13px;padding:15px;font:14px Noto Sans SC}textarea::placeholder{color:#efffffaa}.reply{border-top:1px solid #eaffff62;margin-top:30px;padding-top:17px}.reply h3{letter-spacing:1px;font:16px DM Mono}.reply p{font-size:13px;line-height:1.8}.notice{text-align:center;background:#dfffff3d;border-radius:99px;margin:22px auto 0;padding:10px 20px;font-size:13px}footer{text-align:center;letter-spacing:2px;color:#dcffff;border-top:1px solid #eaffff48;padding:29px;font:11px DM Mono;position:relative}@media (width<=700px){.topbar{flex-wrap:wrap;align-items:flex-start;gap:13px;height:auto;padding:16px 18px}.brand{text-align:left;width:100%}nav{order:3;justify-content:space-between;gap:6px;width:100%;overflow:auto}nav button{white-space:nowrap;font-size:12px}.login{position:absolute;top:17px;right:18px}.hero{min-height:530px;padding-top:65px}.portal-grid{grid-template-columns:repeat(2,1fr);gap:11px}.portal{min-height:180px;padding:15px}.portal h2{margin:10px 0 5px;font-size:16px}.portal span{font-size:25px}.portal p{font-size:11px}.panel{padding:28px 22px}.event{flex-wrap:wrap;align-items:flex-start}.event .line-btn{margin-left:55px}.merch-grid{grid-template-columns:1fr}.forum-actions{flex-wrap:wrap}}.mascots{filter:drop-shadow(0 0 14px #fff);justify-content:center;align-items:flex-end;gap:12px;height:84px;display:flex;position:absolute;top:43px;left:0;right:0;transform:rotate(8deg)}.capybara,.puppy{background:#f5d5a8;border:2px solid #fff5dc;border-radius:33px 33px 27px 27px;width:72px;height:54px;position:relative;box-shadow:inset -7px -7px #dca87945}.capybara:before,.capybara:after{content:"";background:#e8bd8a;border:2px solid #fff5dc;border-radius:50%;width:15px;height:15px;position:absolute;top:-8px}.capybara:before{left:10px}.capybara:after{right:10px}.capybara i{background:#a9755d;border-radius:8px;width:18px;height:12px;position:absolute;top:21px;left:27px}.capybara b,.capybara em{background:#604a47;border-radius:50%;width:5px;height:5px;position:absolute;top:18px}.capybara b{left:19px}.capybara em{right:19px}.puppy{background:#fff3dc;border-radius:30px 30px 26px 26px;width:58px;height:55px}.puppy:before,.puppy:after{content:"";z-index:-1;background:#eac895;border:2px solid #fff5dc;border-radius:50% 50% 60% 60%;width:17px;height:34px;position:absolute;top:-5px}.puppy:before{left:-7px;transform:rotate(23deg)}.puppy:after{right:-7px;transform:rotate(-23deg)}.puppy i{background:#ab7d67;border-radius:50%;width:10px;height:7px;position:absolute;top:27px;left:24px}.puppy b,.puppy em{background:#604a47;border-radius:50%;width:5px;height:5px;position:absolute;top:19px}.puppy b{left:16px}.puppy em{right:16px}.topbar nav button.active{opacity:1;text-shadow:0 0 12px #fff;border-bottom:1px solid #fff;padding-bottom:4px}.hero-actions{justify-content:center;align-items:center;gap:15px;display:flex}.hero-actions span{opacity:.78;font-size:11px}.tag{letter-spacing:1px;color:#e9ffff;background:#e9ffff25;border:1px solid #e9ffff50;border-radius:30px;padding:3px 7px;font:10px DM Mono;display:inline-block}.post h3{margin:4px 0 0}.star{color:#efffff;background:0 0;border:0;place-items:center;gap:2px;margin-left:auto;font-size:17px;display:grid}.star small{font:10px DM Mono}textarea,input{color:#fff;background:#e9ffff20;border:1px solid #edffffb8;border-radius:14px;width:100%;min-height:44px;margin:6px 0 13px;padding:11px 13px;font:14px Noto Sans SC}textarea{resize:vertical;min-height:115px}textarea::placeholder,input::placeholder{color:#efffffaa}.letter{border-left:2px solid #eaffff94;padding-left:12px}.modal-layer{z-index:10;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);background:#1d78a6aa;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:linear-gradient(145deg,#79d7ee,#438fbe);border:1px solid #efffffcc;border-radius:25px;width:min(470px,100%);padding:35px;position:relative;box-shadow:0 25px 80px #14638faa}.modal h2{margin:3px 0 9px;font:38px Ma Shan Zheng}.modal p{margin-top:0;font-size:13px;line-height:1.8}.modal label{letter-spacing:1px;margin-top:10px;font-size:12px;display:block}.modal-close{color:#fff;background:0 0;border:0;font-size:28px;line-height:1;position:absolute;top:12px;right:16px}@media (width<=700px){.hero-actions{flex-direction:column;gap:10px}}