:root{--ink: #2e2348;--muted: #6f6386;--cream: #fff7d9;--pink: #ff6f91;--yellow: #ffd447;--blue: #42b7ff;--green: #20c997;--white: #ffffff;--shadow: 0 16px 32px rgba(67, 42, 105, .18)}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{display:flex;min-height:100svh;flex-direction:column;margin:0;color:var(--ink);font-family:PingFang SC,Microsoft YaHei,Arial,sans-serif;background:var(--ink)}a{color:inherit;text-decoration:none}img{display:block;width:100%}.site-header{position:absolute;top:0;right:0;left:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px clamp(16px,5vw,56px)}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:900;color:var(--white);text-shadow:0 2px 8px rgba(46,35,72,.28)}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:3px solid var(--white);border-radius:50%;background:var(--pink);color:var(--white);font-size:15px;box-shadow:0 6px #2e23482e}.brand-text{font-size:18px}.site-nav{display:flex;align-items:center;justify-content:flex-end;gap:14px;font-size:15px;font-weight:900}.site-nav a{padding:9px 13px;border:2px solid rgba(255,255,255,.78);border-radius:999px;background:#ffffff57;color:var(--white);box-shadow:0 5px #2e234824;text-shadow:0 2px 6px rgba(46,35,72,.24);transition:background .15s ease}.site-nav a:hover,.site-nav a:focus-visible{background:#ffffff9e}.showcase{position:relative;display:flex;flex:1 1 auto;min-height:0;flex-direction:column}.pageview{display:flex;flex:1 1 auto;min-height:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;cursor:grab;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;user-select:none;-webkit-user-select:none}.pageview::-webkit-scrollbar{display:none}.pageview.is-dragging{cursor:grabbing}.pageview:focus-visible{outline:3px solid var(--white);outline-offset:-6px}.pageview.no-smooth{scroll-behavior:auto}.page{position:relative;flex:0 0 100%;width:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;background:var(--ink)}.page__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 45%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.page__shade{position:absolute;inset:0;background:linear-gradient(180deg,#18102b52,#18102b00 28%),linear-gradient(180deg,#18102b00 34%,#18102b99 68%,#18102beb)}.page__content{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;gap:18px;padding:clamp(22px,5vw,64px);padding-bottom:clamp(92px,12vw,108px);color:var(--white)}.page__name{margin:0;font-size:clamp(40px,9vw,76px);font-weight:900;line-height:1;text-shadow:0 6px 0 rgba(46,35,72,.2),0 12px 28px rgba(46,35,72,.42)}.download-button{display:inline-flex;width:fit-content;min-height:54px;align-items:center;gap:10px;padding:14px 28px;border-radius:999px;background:var(--accent, var(--pink));color:var(--white);font-size:17px;font-weight:900;box-shadow:0 8px #2e23483d;transition:filter .15s ease,transform .15s ease}.download-button__icon{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#ffffff42;font-size:15px}.download-button:hover{filter:brightness(1.07);transform:translateY(-1px)}.download-button:active{filter:brightness(.95);transform:translateY(1px)}.download-button:focus-visible{outline:3px solid var(--white);outline-offset:3px}.download-button[aria-disabled=true]{cursor:not-allowed;filter:grayscale(.35) brightness(.92)}.dots{position:absolute;right:0;bottom:clamp(14px,2.4vw,26px);left:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.4vw,20px);pointer-events:none}.dot{display:grid;width:clamp(42px,11.5vw,48px);height:clamp(42px,11.5vw,48px);place-items:center;padding:0;overflow:hidden;border:0;border-radius:50%;background:transparent;box-shadow:0 1px 5px #0c081647;cursor:pointer;pointer-events:auto;transform:scale(.84);transition:transform .2s ease,box-shadow .2s ease}.dot__icon{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:opacity .2s ease}.dot:not(.is-active) .dot__icon{opacity:.92}.dot:hover .dot__icon,.dot:focus-visible .dot__icon{opacity:1}.dot.is-active{transform:scale(1);box-shadow:0 0 0 2px #ffffffeb,0 0 0 5px var(--accent, var(--pink)),0 6px 16px #0c08166b}.dot:focus-visible{outline:3px solid var(--white);outline-offset:4px}.site-footer{flex:0 0 auto;padding:18px;background:var(--ink);color:#ffffffd1;text-align:center;font-size:14px}.site-footer__contact,.site-footer__copy{margin:0}.site-footer__contact{margin-bottom:6px;font-size:15px;font-weight:800;color:var(--white)}.site-footer__contact a{color:var(--pink);text-decoration:none;transition:color .15s ease}.site-footer__contact a:hover,.site-footer__contact a:focus-visible{color:var(--yellow);text-decoration:none}@media(max-width:520px){.site-header{padding:12px 14px}.brand-mark{width:38px;height:38px;font-size:14px}.brand-text{font-size:16px}.site-nav{gap:8px;font-size:14px}.site-nav a{padding:8px 11px}.page__content{gap:14px;padding:20px 18px clamp(88px,24vw,104px)}.download-button{width:100%;justify-content:center}}@media(prefers-reduced-motion:reduce){.pageview{scroll-behavior:auto}.download-button,.dot{transition:none}}
