@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;800;900&family=ZCOOL+QingKe+HuangYou&display=swap";:root{--color-ink:#24185f;--color-muted:#746ba5;--color-soft:#fff8ff;--color-panel:#ffffffdb;--color-line:#7c5cff24;--color-line-strong:#7c5cff3d;--color-primary:#7c5cff;--color-primary-strong:#5b40d9;--color-heading:#302574;--color-pink:#ff78b8;--color-pink-soft:#ff80bb;--color-sky:#75b9ff;--color-gold:#ffd56f;--color-error:#e44;--color-tag-bg:#f0ebff;--color-tag-ink:#6c59c0;--grad-btn:linear-gradient(135deg, var(--color-primary), var(--color-pink));--grad-gold:linear-gradient(145deg, #fff280, #ffd27a);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--shadow-soft:0 20px 60px #6853c12e;--shadow-card:0 14px 36px #6853c124;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:28px;--radius-pill:999px;--header-height:84px;--font-cute:"Noto Sans SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif;--font-cute-display:"ZCOOL QingKe HuangYou", "Noto Sans SC", "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", sans-serif}*,:before,:after{box-sizing:border-box}*{font-weight:inherit;margin:0}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;color:var(--color-ink);font-family:var(--font-cute);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font-size:15px;line-height:1.6}h1,.hero-copy h1{font-family:var(--font-cute-display)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;border-radius:var(--space-1)}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.game-page{min-height:calc(100vh - var(--header-height));padding:calc(var(--header-height) + var(--space-2)) 0 var(--space-8);background:radial-gradient(circle at 14% 18%,#ffd1ee94 0 12%,#0000 13%),radial-gradient(circle at 86% 20%,#c2daff99 0 13%,#0000 14%),linear-gradient(#fff7fd 0%,#f8fbff 52%,#fff 100%);place-items:center;display:grid}.game-page.wide{align-items:stretch;display:flex}.game-shell{text-align:center;width:min(480px,100% - 36px)}.game-shell.wide{width:min(900px,100% - 36px);max-height:calc(100vh - var(--header-height) - 48px);text-align:left;flex-direction:column;margin:0 auto;display:flex}.game-back{margin-bottom:var(--space-5);color:var(--color-muted);font-size:14px;font-weight:800;transition:color .15s;display:inline-block}.game-back:hover{color:var(--color-primary)}.game-header h1{font-family:var(--font-cute-display);color:var(--color-primary-strong);font-size:clamp(32px,5vw,42px);font-weight:900;line-height:1.1}.game-sub{margin-top:var(--space-2);color:var(--color-muted);font-size:14px;font-weight:700}.game-hint{margin-top:var(--space-4);color:#c4bde4;font-size:13px;font-weight:700}.btn-primary{padding:var(--space-3) var(--space-5);color:#fff;border-radius:var(--radius-pill);background:var(--grad-btn);cursor:pointer;white-space:nowrap;border:0;font-family:inherit;font-size:15px;font-weight:900;transition:transform .18s,box-shadow .18s;box-shadow:0 10px 20px #895bff3d,inset 0 2px #ffffff52}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px #895bff52}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{padding:var(--space-3) var(--space-5);color:var(--color-primary-strong);border:1px solid var(--color-line-strong);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;background:#fff;font-family:inherit;font-size:15px;font-weight:900;transition:transform .18s,box-shadow .18s}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #895bff29}.btn-secondary:active{transform:scale(.97)}.board-overlay{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#ffffffb8;place-items:center;display:grid;position:absolute;inset:0}.overlay-enter-active{transition:opacity .24s}.overlay-leave-active{transition:opacity .18s}.overlay-enter-from,.overlay-leave-to{opacity:0}.overlay-card{text-align:center;padding:var(--space-5)}.overlay-emoji{margin-bottom:var(--space-2);font-size:56px;display:block}.overlay-card h2{color:var(--color-primary-strong);font-family:var(--font-cute-display);font-size:28px;font-weight:900}.overlay-card p{color:var(--color-muted);margin:var(--space-2) 0 var(--space-4);font-size:14px;font-weight:700}.overlay-actions{gap:var(--space-3);justify-content:center;display:flex}.loading-dots{align-items:center;gap:var(--space-1);display:flex}.loading-dots span{background:var(--color-muted);border-radius:50%;width:6px;height:6px;animation:1.2s infinite loading-bounce}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes loading-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}#app{min-height:100vh}.playground-shell{background:#fff;min-height:100vh;position:relative}.site-header,main,.site-footer{z-index:1;position:relative}.site-header{--header-height:84px;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #8e76ff24;border-radius:24px;grid-template-columns:auto minmax(0,1fr) minmax(180px,260px) auto;align-items:center;gap:clamp(12px,1.8vw,20px);width:min(1700px,100% - 36px);min-height:56px;margin:14px auto 0;padding:6px 14px 6px 16px;display:grid;position:sticky;top:14px;box-shadow:0 16px 32px #5e49b41f,inset 0 -3px #896cff0f}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand,.main-nav a,.search-box,.start-button{transition:transform .18s cubic-bezier(.2,1.3,.32,1),box-shadow .18s,background-color .18s}.title-mark{color:#7655ff;text-shadow:0 2px #ffffffe6;background:linear-gradient(145deg,#fff280,#ffd27a);border:2px solid #fff;border-radius:16px;flex:none;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 18px #ffae5552}.title-mark img{object-fit:contain;filter:drop-shadow(0 4px 8px #ffae5547);width:30px;height:30px;display:block}.brand-mark{object-fit:contain;filter:drop-shadow(0 8px 14px #ffae5547);flex:none;width:46px;height:46px}.brand strong{letter-spacing:0;font-size:19px;font-weight:900;line-height:1.05;display:block}.brand small{color:var(--color-muted);font-size:12px;font-weight:700;display:block}.main-nav{min-width:0;color:var(--color-heading);justify-content:center;gap:clamp(12px,3vw,48px);font-weight:800;display:flex}.main-nav a{white-space:nowrap;flex:none;padding:9px 0;position:relative}.main-nav a:after{content:"";background:0 0;border-radius:99px;height:4px;position:absolute;bottom:4px;left:12%;right:12%}.main-nav a.active,.main-nav a:hover{color:#6b48ff}.main-nav a.active:after,.main-nav a:hover:after{background:linear-gradient(90deg,#6f61ff,#ff83c4)}.search-box{color:#a79ed2;background:#fbfaff;border:1px solid #7c5cff24;border-radius:999px;align-items:center;gap:8px;min-width:0;height:34px;padding:0 13px;display:flex}.search-box input{width:100%;min-width:0;color:var(--color-ink);background:0 0;border:0;outline:0}.search-box input::placeholder{color:#b4add9}.start-button{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#8d6cff,#ff78bf);border-radius:999px;justify-content:center;justify-self:end;align-items:center;gap:8px;width:max-content;max-width:100%;min-height:38px;padding:0 20px;font-weight:900;display:inline-flex;box-shadow:0 10px 20px #895bff3d,inset 0 2px #ffffff52}main{width:100%;margin:0}.page-main{min-height:calc(100vh - var(--header-height,84px));background:radial-gradient(circle at 14% 18%,#ffd1ee94 0 12%,#0000 13%),radial-gradient(circle at 86% 20%,#c2daff99 0 13%,#0000 14%),linear-gradient(#fff7fd 0%,#f8fbff 52%,#fff 100%);padding:28px 0 42px}.page-shell{width:min(1700px,100% - 36px);margin:0 auto}.placeholder-panel{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(16px,2vw,28px);min-height:420px;padding:clamp(28px,5vw,64px);display:grid}.placeholder-panel h1{color:var(--color-primary-strong);font-family:var(--font-cute);letter-spacing:0;margin-top:4px;font-size:clamp(38px,5vw,68px);font-weight:900;line-height:1.05}.placeholder-panel p{color:var(--color-muted);font-weight:800}.placeholder-label{color:#7b5cff;text-transform:uppercase;font-size:14px;font-weight:900}.placeholder-panel>strong{color:#fff;background:linear-gradient(135deg,#8d6cff,#ff78bf);border-radius:999px;justify-self:end;padding:12px 18px;font-size:16px;font-weight:900;box-shadow:0 12px 24px #895bff33,inset 0 2px #ffffff52}.about-page{background:#fff;gap:22px;padding:0 0 42px;display:grid}.about-story,.about-creators{width:min(1700px,100% - 36px);margin:0 auto}.about-story article,.about-creators{border:1px solid var(--color-line);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffc7;border-radius:24px}.about-image-hero{background-image:url(/assets/about-Dfum9PMl.webp);background-position:top;background-repeat:no-repeat;background-size:cover;width:100%;min-height:clamp(330px,25vw,430px);position:relative;overflow:hidden}.about-image-hero:after{content:"";pointer-events:none;background:linear-gradient(#fff0 0%,#fff 100%);height:84px;position:absolute;bottom:0;left:0;right:0}.about-image-hero h1{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.about-story p{color:var(--color-muted);font-weight:800;line-height:1.65}.about-story{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.about-story article{min-height:168px;padding:22px}.about-story h2{color:var(--color-heading);font-size:21px;font-weight:900}.about-story p{margin-top:8px}.about-creators{padding:18px}.about-creator-layout{grid-template-columns:minmax(260px,.44fr) minmax(0,1fr);align-items:center;gap:clamp(20px,3vw,34px);display:grid}.about-letter{color:#5442b4d1;min-width:0;padding:4px clamp(2px,1vw,10px);font-size:13px;font-weight:800;line-height:1.9}.about-letter-heading{align-items:center;gap:10px;margin-bottom:12px;display:flex}.about-letter-heading h2{color:var(--color-heading);font-size:22px;font-weight:900;line-height:1.1}.about-letter-star{background:linear-gradient(145deg,#fff280,#ffd27a);border-radius:12px;flex:none;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 8px 18px #ffae5542}.about-letter-star img{object-fit:contain;filter:drop-shadow(0 4px 8px #ffae5538);width:22px;height:22px;display:block}.about-letter p+p{margin-top:8px}.hero-section{background-image:url(/assets/hero-playground-GzjfGS9f.webp);background-position:top;background-size:cover;width:100%;min-height:360px;padding:56px 0 112px;position:relative;overflow:hidden}.hero-section:after{content:"";pointer-events:none;background:linear-gradient(#fff0 0%,#fff 100%);height:120px;position:absolute;bottom:0;left:0;right:0}.hero-copy{text-align:center;width:min(1700px,100% - 36px);margin:0 auto;padding:0 clamp(24px,5vw,86px)}.hero-copy h1{color:var(--color-primary-strong);letter-spacing:0;font-size:clamp(44px,4.5vw,64px);font-weight:900;line-height:1.06;font-family:var(--font-cute);text-shadow:0 4px #fff,0 10px 24px #6b48ff33;margin-top:0}.hero-description{color:#5442b4e6;text-wrap:balance;text-shadow:0 2px 14px #ffffffb3;width:min(720px,100%);margin:16px auto 0;font-size:clamp(16px,1.6vw,22px);font-weight:800;line-height:1.7}.quick-actions{z-index:2;width:min(1400px,100% - 36px);box-shadow:none;background:0 0;border:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,26px);margin:-58px auto 0;padding:0;display:grid;position:relative}.action-card{aspect-ratio:1986/480;min-width:0;box-shadow:none;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-radius:18px;padding:0;display:block;position:relative;overflow:hidden}.action-card:before{display:none}.action-card>*{z-index:1;position:relative}.action-copy{z-index:1;color:#fff;pointer-events:none;text-align:left;text-shadow:0 2px 8px #4a2b9147,0 1px #ffffff2e;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;min-width:0;display:flex;position:absolute;top:50%;left:clamp(102px,43%,134px);right:clamp(38px,14%,56px);transform:translateY(-50%)}.action-copy strong,.action-copy small{letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;max-width:100%;line-height:1.1;display:block;overflow:hidden}.action-copy strong{font-size:clamp(15px,1.45vw,22px);font-weight:900}.action-copy small{opacity:.96;font-size:clamp(10px,.82vw,13px);font-weight:850}.action-play,.action-hot,.action-duo,.action-new{background-color:#0000}.lower-grid{box-sizing:border-box;background:#fff8fb;align-items:stretch;gap:22px;width:100%;margin:0;padding:0 max(18px,50% - 850px) 28px;display:grid}.content-grid{box-sizing:border-box;background:radial-gradient(circle at 10% 18%,#ffe27e47 0 10%,#0000 11%),radial-gradient(circle at 90% 72%,#78d8ff3d 0 13%,#0000 14%),linear-gradient(#faf7ff00 0%,#f6f1ff 18%,#fff8fb 100%);grid-template-columns:minmax(0,1.55fr) minmax(320px,.75fr);align-items:stretch;gap:clamp(18px,2.2vw,34px);width:100%;margin-top:38px;padding:34px max(18px,50% - 850px) 42px;display:grid}.lower-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr)}.lower-grid>.section-panel{height:100%}.section-panel{border:1px solid var(--color-line);background:var(--color-panel);min-width:0;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:24px;padding:18px}.reason-panel,.about-panel,.recommend-panel,.games-panel{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-color:#0000;padding:0}.games-panel .section-heading{margin-bottom:18px}.games-panel .section-heading h2{font-size:clamp(25px,2.1vw,34px)}.games-panel .section-heading p{margin-top:2px;font-size:15px}.section-heading{align-items:center;gap:12px;margin-bottom:16px;display:flex}.section-heading h2{font-size:24px;font-weight:900;line-height:1.2}.section-heading p{color:var(--color-muted);font-weight:700}.section-heading.compact a{color:#755bff;margin-left:auto;font-weight:900}.about-heading,.reason-heading{align-items:center}.section-title-row{align-items:baseline;gap:16px;min-width:0;display:flex}.section-title-row p{white-space:nowrap;font-size:14px;line-height:1.2}.category-tabs{gap:8px;margin-left:auto;padding-bottom:2px;display:flex;overflow-x:auto}.category-tabs button{color:#725fbb;cursor:pointer;background:#fff;border:1px solid #7c5cff24;border-radius:999px;min-width:max-content;padding:8px 14px;font-weight:900}.category-tabs button.selected{color:#fff;background:linear-gradient(135deg, var(--color-primary), var(--color-pink-soft))}.game-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.4vw,22px);display:grid}.reason-list h3,.creator-list h3{font-weight:900}.creator-list h3{align-items:center;gap:6px;font-size:18px;line-height:1.15;display:flex}.reason-list p,.creator-list p{color:var(--color-muted);font-weight:700}.creator-list p{margin-top:5px;font-size:13px;line-height:1.45}.reason-list,.creator-list{gap:14px;display:grid}.reason-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.reason-list article{background:linear-gradient(#fff,#fff8fe);border:1px solid #7c5cff24;border-radius:16px;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:9px;min-height:156px;padding:12px 10px;display:grid}.reason-icon{background:linear-gradient(#fff,#fff8fe);border-radius:14px;place-items:center;width:44px;height:44px;line-height:1;display:grid;box-shadow:0 10px 18px #6853c11a}.reason-icon img{object-fit:contain;width:38px;height:38px;display:block}.reason-list h3{font-size:16px;line-height:1.2}.reason-list p{margin-top:3px;font-size:12px;line-height:1.35}.creator-list{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-list article{background:#fff;border:1px solid #7c5cff24;border-radius:18px;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:18px;padding:16px;display:grid}.avatar{color:#fff;border:4px solid #fff;border-radius:24px;place-items:center;width:112px;height:112px;font-size:34px;font-weight:900;display:grid;overflow:hidden;box-shadow:0 12px 24px #6853c129}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.avatar-blue{background:linear-gradient(145deg,#67b8ff,#6c5bff)}.avatar-pink{background:linear-gradient(145deg,#ffa4ce,#ff7fb7)}.creator-list h3 span{color:#7a61d9;background:var(--color-tag-bg);border-radius:999px;margin-left:0;padding:3px 8px;font-size:11px}.creator-socials{align-items:center;gap:8px;margin-top:10px;display:flex}.creator-socials a{color:#fff;background:linear-gradient(135deg, var(--color-primary), var(--color-pink-soft));border-radius:11px;place-items:center;width:30px;height:30px;font-size:13px;font-weight:900;line-height:1;display:grid;box-shadow:0 8px 16px #7c5cff2e,inset 0 1px #ffffff52}.creator-socials a:nth-child(2){background:linear-gradient(135deg,#ff8a4c,#ff5fa3)}.creator-socials a:nth-child(3){background:linear-gradient(135deg,#ff4d6d,#ff8a9d)}@media (hover:hover) and (pointer:fine){.brand:hover,.main-nav a:hover,.start-button:hover{transform:translateY(-2px)scale(1.02)}.action-card,.reason-list article,.creator-list article{transition:transform .18s,box-shadow .18s}.action-card:hover,.reason-list article:hover,.creator-list article:hover{transform:translateY(-4px);box-shadow:0 18px 42px #6853c12e}}@media (width<=1420px){.content-grid{grid-template-columns:1fr}.recommend-panel{display:block}.recommend-panel .section-heading{margin-bottom:16px}}@media (width<=1180px){.site-header{grid-template-columns:auto minmax(0,1fr) auto;gap:clamp(8px,1.5vw,16px)}.main-nav{justify-content:center;gap:clamp(16px,4.2vw,42px)}.search-box{display:none}.hero-section{padding-top:92px}.game-list,.reason-list{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid,.lower-grid{grid-template-columns:1fr}}@media (width<=1040px){.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(760px,100% - 36px)}.action-copy{left:clamp(122px,42%,156px);right:52px}.action-copy strong{font-size:clamp(18px,2.1vw,22px)}.action-copy small{font-size:clamp(10px,1.1vw,13px)}}@media (width<=760px){.playground-shell{background:#fff}.site-header{gap:var(--space-3);border-radius:22px;grid-template-columns:auto minmax(0,1fr) auto;width:min(100% - 24px,520px);padding:10px;top:12px}.brand{gap:var(--space-2)}.brand>span{display:none}.start-button{min-height:32px;padding:0 14px;font-size:13px}.start-button span{display:none}.brand strong{font-size:18px}.brand small{font-size:12px}.main-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:space-between;gap:clamp(4px,1.5vw,10px);padding-bottom:2px;font-size:13px;overflow-x:auto}.main-nav::-webkit-scrollbar{display:none}.main-nav a{background:#f7f3ff;border-radius:999px;min-width:max-content;padding:8px clamp(4px,1.8vw,10px)}.main-nav a:after{display:none}.hero-section{min-height:auto;padding:48px 0 76px}.hero-copy{width:min(100% - 24px,520px);padding:0 8px}.hero-copy h1{font-size:42px}.hero-description{margin-top:14px;font-size:15px;line-height:1.65}.game-list,.reason-list,.creator-list{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;width:min(100% - 24px,520px);margin-top:-48px;padding:0}.action-copy{gap:2px;left:clamp(78px,39%,96px);right:24px}.action-copy strong{font-size:clamp(15px,2.6vw,20px)}.action-copy small{font-size:clamp(9px,1.5vw,12px)}.lower-grid{width:100%;padding:0 max(12px,50% - 260px) 26px}.content-grid{width:100%;margin-top:28px;padding:26px max(12px,50% - 260px) 32px}.recommend-panel{display:block}.section-panel{border-radius:20px;padding:14px}.section-heading{flex-wrap:wrap;align-items:flex-start}.page-main{padding-top:24px}.page-shell{width:min(100% - 24px,520px)}.about-page{padding-top:0}.about-story,.about-creators{width:min(100% - 24px,520px)}.about-story{grid-template-columns:1fr}.about-creator-layout{grid-template-columns:1fr;gap:18px}.about-letter{padding:2px 2px 0;font-size:12px;line-height:1.85}.about-letter-heading{margin-bottom:10px}.about-letter-heading h2{font-size:20px}.about-image-hero{background-position:top;min-height:280px}.about-story article,.about-creators{border-radius:20px}.placeholder-panel{grid-template-columns:1fr;align-items:start;min-height:340px;padding:26px}.placeholder-panel>strong{justify-self:start}.category-tabs{width:100%;margin-left:0}.creator-list article{grid-template-columns:74px minmax(0,1fr)}.avatar{border-radius:18px;width:74px;height:74px;font-size:26px}}@media (width<=420px) and (width>=341px){.action-copy{gap:1px;left:clamp(66px,39%,74px);right:18px}.action-copy strong{font-size:clamp(14px,4vw,17px)}.action-copy small{display:none}}@media (width<=340px){.quick-actions{grid-template-columns:1fr}.action-copy{gap:2px;left:clamp(98px,42%,130px);right:36px}.action-copy strong{font-size:clamp(17px,5.4vw,20px)}.action-copy small{font-size:clamp(10px,3vw,12px);display:block}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.site-footer{isolation:isolate;color:#fff;background:linear-gradient(#8060ff0a 0%,#705dd22e 48%,#2d26806b 100%),linear-gradient(90deg,#322a862e 0%,#42349e1a 50%,#322a862e 100%),url(/assets/footer-redraw-DQ6rkVjI.webp) bottom/100% 100% no-repeat;width:100%;min-height:340px;margin:0;padding:152px 0 28px;position:relative;overflow:hidden}.site-footer:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 12% 18%,#ffffffe0 0 18%,#0000 46%),radial-gradient(at 44% 8%,#fff1fccc 0 24%,#0000 58%),radial-gradient(at 76% 20%,#eee9ffbd 0 20%,#0000 52%),linear-gradient(#fff8fb 0%,#fff8fbeb 18%,#faf0ff9e 46%,#dedaff47 74%,#dedaff00 100%);height:184px;position:absolute;inset:0 0 auto}.site-footer:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#fff8fb00 0% 42%,#221d6847 100%),radial-gradient(circle at 18% 80%,#ffd2f547 0 18%,#0000 30%);position:absolute;inset:0}.site-footer-inner{z-index:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#30257452;border:1px solid #ffffff47;border-radius:24px;grid-template-columns:minmax(280px,1fr) auto minmax(320px,1fr);grid-template-areas:"brand nav meta";align-items:center;gap:clamp(16px,3vw,54px);width:min(1700px,100% - 36px);min-height:118px;margin:0 auto;padding:20px 22px;display:grid;position:relative;box-shadow:0 22px 48px #23196c38,inset 0 1px #ffffff47}.footer-brand-block{grid-area:brand;max-width:430px}.footer-brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.footer-brand>span{background:linear-gradient(145deg,#fff280,#ffd27a);border:2px solid #fff;border-radius:17px;flex:none;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 10px 22px #ffae5557}.footer-brand>span img{object-fit:contain;filter:drop-shadow(0 4px 8px #ffae5547);width:32px;height:32px;display:block}.footer-brand strong{color:#fff;text-shadow:0 2px 10px #1e176047;font-size:20px;font-weight:900;line-height:1.1;display:block}.footer-brand small{color:#fff7ffc7;margin-top:2px;font-size:12px;font-weight:800;display:block}.footer-brand-block>p{color:#fffaffd6;max-width:360px;margin-top:12px;font-size:14px;font-weight:800;line-height:1.7}.footer-nav{color:#fff;flex-wrap:wrap;grid-area:nav;justify-content:center;gap:10px;font-size:14px;font-weight:900;display:flex}.footer-nav a{text-shadow:0 1px 8px #241b664d;background:#ffffff24;border:1px solid #ffffff3d;border-radius:999px;padding:8px 14px}.footer-nav a:hover,.footer-icp a:hover{color:#fff7a8}.footer-meta{color:#fffaffb8;flex-wrap:wrap;grid-area:meta;justify-content:flex-end;align-items:center;gap:18px;font-size:13px;font-weight:800;display:flex}.footer-icp a{color:#fffaffc2}@media (width<=1160px){.site-footer-inner{grid-template-columns:minmax(280px,1fr) minmax(320px,1fr);grid-template-areas:"brand nav""brand meta"}.footer-nav{justify-content:flex-end}}@media (width<=900px){.site-footer{background-position:68% bottom;min-height:450px;padding:190px 0 24px}.site-footer:before{height:210px}.site-footer-inner{grid-template-columns:1fr;grid-template-areas:"brand""nav""meta";align-items:start;gap:18px;width:min(100% - 28px,560px);margin:0 auto}.footer-nav,.footer-meta{flex-wrap:wrap;justify-content:flex-start}}.welcome-overlay[data-v-dd7a4224]{z-index:1000;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#30207f61;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.welcome-dialog[data-v-dd7a4224]{text-align:center;background:#fff;border:1px solid #7c5cff2e;border-radius:28px;width:min(440px,100%);max-height:90vh;padding:38px 28px 28px;position:relative;overflow-y:auto;box-shadow:0 24px 64px #503ab43d,inset 0 2px #fffc}.welcome-star[data-v-dd7a4224]{background:linear-gradient(145deg,#fff280,#ffd27a);border:3px solid #fff;border-radius:20px;place-items:center;width:64px;height:64px;margin-bottom:14px;display:inline-grid;box-shadow:0 10px 22px #ffae554d}.welcome-star img[data-v-dd7a4224]{object-fit:contain;filter:drop-shadow(0 4px 8px #ffae553d);width:42px;height:42px;display:block}.welcome-dialog h2[data-v-dd7a4224]{color:#5b40d9;font-family:var(--font-cute-display);margin-bottom:16px;font-size:24px;font-weight:900;line-height:1.2}.welcome-intro[data-v-dd7a4224]{color:var(--color-ink);margin-bottom:12px;font-size:15px;font-weight:800;line-height:1.6}.welcome-note[data-v-dd7a4224]{color:var(--color-muted);font-size:13px;font-weight:700;line-height:1.55}.welcome-note+.welcome-note[data-v-dd7a4224]{margin-top:6px}.welcome-email[data-v-dd7a4224]{color:#7a61d9;background:#f8f5ff;border:1px solid #7c5cff29;border-radius:999px;margin-top:14px;padding:8px 18px;font-size:14px;font-weight:900;transition:transform .18s,box-shadow .18s;display:inline-block}.welcome-email[data-v-dd7a4224]:hover{transform:translateY(-2px);box-shadow:0 8px 18px #6853c124}.welcome-close[data-v-dd7a4224]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8d6cff,#ff78bf);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:20px;padding:12px 0;font-family:inherit;font-size:16px;font-weight:900;transition:transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 10px 20px #895bff3d,inset 0 2px #ffffff52}.welcome-close[data-v-dd7a4224]:hover{transform:translateY(-2px);box-shadow:0 14px 28px #895bff52}.welcome-enter-active[data-v-dd7a4224]{transition:opacity .24s}.welcome-leave-active[data-v-dd7a4224]{transition:opacity .2s}.welcome-enter-from[data-v-dd7a4224],.welcome-leave-to[data-v-dd7a4224]{opacity:0}.welcome-enter-active .welcome-dialog[data-v-dd7a4224]{animation:.32s cubic-bezier(.2,1.3,.32,1) welcome-pop-dd7a4224}@keyframes welcome-pop-dd7a4224{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.play-game-card{background:#fff;border:1px solid #7c5cff1f;border-radius:20px;min-width:0;overflow:hidden;box-shadow:0 12px 28px #6853c11a}.game-cover{isolation:isolate;background:linear-gradient(110deg,#f3eeff 8%,#faf7ff 18%,#f3eeff 33%) 0 0/200% 100%;place-items:center;height:168px;animation:1.4s linear infinite cover-shimmer;display:grid;position:relative;overflow:hidden}@keyframes cover-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.game-cover{animation:none}}.game-cover-image{object-fit:cover;width:100%;height:100%;display:block}.game-cover-emoji{animation:none}.game-cover-fallback{filter:drop-shadow(0 4px 12px #0000001a);font-size:56px;line-height:1}.play-game-body{padding:12px 13px 13px}.play-game-body h3{color:var(--color-heading);font-size:16px;font-weight:900;line-height:1.2}.play-game-body p{color:var(--color-muted);margin-top:5px;font-size:12px;font-weight:700}.play-game-footer{align-items:center;gap:8px;margin-top:12px;display:flex}.play-game-footer span{color:var(--color-tag-ink);background:var(--color-tag-bg);border-radius:999px;padding:3px 7px;font-size:11px;font-weight:900}.play-game-start-btn{color:#fff;background:linear-gradient(135deg, var(--color-primary), var(--color-pink-soft));border-radius:999px;place-items:center;width:34px;height:34px;margin-left:auto;font-weight:900;text-decoration:none;display:grid;box-shadow:0 10px 18px #7c5cff2e}@media (hover:hover) and (pointer:fine){.play-game-card{transition:transform .18s,box-shadow .18s}.play-game-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px #6853c12e}}