.xh-carousel{--accent:#ce4c00;--ink:#19212a;width:100%;background:#faf7f2;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}.xh-carousel *{box-sizing:border-box}.xh-carousel [hidden]{display:none!important}.xh-carousel h1,.xh-carousel h2,.xh-carousel p,.xh-carousel dl,.xh-carousel dd,.xh-carousel figure{margin:0}.xh-carousel a{margin:0;text-decoration:none}.xh-carousel button{font:inherit;cursor:pointer;margin:0;border:0}.xh-carousel :focus-visible{outline:3px solid #206ca8;outline-offset:4px}.xc-announcement{background:#fff0dd;display:flex;justify-content:center;align-items:center;gap:18px;padding:12px 24px;font-size:13px}.xc-announcement button{background:none;color:var(--accent);text-decoration:underline}.xc-stage{touch-action:pan-y}.xc-slide{max-width:1200px;margin:auto;min-height:570px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:52px;padding:56px 28px}.xc-kicker{font-size:13px;color:var(--accent);font-weight:600;letter-spacing:1px;margin-bottom:20px!important}.xc-slide h1,.xc-slide h2{font-size:48px;line-height:1.3;font-weight:700;letter-spacing:-1px}.xc-slide h2 em{color:var(--accent);font-style:normal}.xc-slide .xc-lead{font-size:21px;line-height:1.65;color:#38414a;margin-top:23px}.xc-copy>p:not(.xc-kicker):not(.xc-lead){font-size:15px;line-height:1.85;color:#66717b;margin-top:16px;max-width:540px}.xc-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:28px}.xc-button{display:inline-flex;background:var(--accent);color:white;border-radius:28px;padding:14px 25px;font-size:14px;font-weight:600}.xc-button:hover{background:#ab3f00}.xc-link{font-size:14px;color:var(--accent)}.xc-copy small{display:block;margin-top:22px;color:#70787c;font-size:12px;line-height:1.8}.xc-art img{display:block;width:100%;height:400px;object-fit:contain}.xc-share-art img{height:400px;object-fit:cover;border-radius:16px}.xc-schedule{background:#fff;border:1px solid #e9ded0;border-radius:16px;padding:34px}.xc-schedule dl>div{display:flex;justify-content:space-between;gap:16px;padding:22px 0;border-bottom:1px solid #eee7de}.xc-schedule dt{font-size:15px}.xc-schedule dd{font-size:17px;font-weight:600;color:#7e868e}.xc-schedule>p:last-child{font-size:13px;line-height:1.8;color:#737b82;margin-top:22px}.xc-controls{max-width:1144px;margin:auto;border-top:1px solid #e6ded5;padding:20px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}.xc-tabs{display:flex;flex-wrap:wrap;gap:8px}.xc-tabs button{background:transparent;padding:10px 14px;color:#6a737b;border-radius:6px;font-size:13px}.xc-tabs button[aria-pressed=true]{background:#fff;color:var(--accent);box-shadow:0 1px 6px #00000009}.xc-playback{display:flex;gap:14px;align-items:center;flex-shrink:0;font-size:12px}.xc-playback button{padding:10px;background:white;color:#39424b;border-radius:6px;font-size:12px}.xc-count{color:#7a8289;min-width:30px}.xc-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.demo-follow{max-width:1144px;margin:60px auto;padding:0 24px 60px}.demo-follow>p{color:#737b82;line-height:1.8}.demo-follow details{margin-top:30px;line-height:1.8;font-size:14px}.demo-follow summary{cursor:pointer;font-weight:600}@media(max-width:1200px){.xc-controls{margin:0 28px}}@media(max-width:850px){.xc-slide{gap:25px}.xc-slide h1,.xc-slide h2{font-size:36px}.xc-controls{align-items:flex-start;flex-direction:column}.xc-art img,.xc-share-art img{height:340px}}@media(max-width:600px){.prototype-tools{padding:10px 16px;gap:10px}.demo-header{padding:18px 22px}.demo-header nav{gap:15px}.xc-announcement{align-items:flex-start;flex-wrap:wrap;gap:7px;padding:12px 22px;justify-content:flex-start}.xc-slide{padding:30px 22px;grid-template-columns:1fr;gap:26px;min-height:740px;align-content:start}.xc-slide h1,.xc-slide h2{font-size:35px;line-height:1.3}.xc-kicker{font-size:12px;margin-bottom:16px!important}.xc-slide .xc-lead{font-size:18px;margin-top:20px}.xc-copy>p:not(.xc-kicker):not(.xc-lead){font-size:14px}.xc-actions{gap:18px;margin-top:22px}.xc-button{padding:12px 20px;font-size:13px}.xc-copy small{font-size:11px;margin-top:17px}.xc-art img{height:260px}.xc-share-art img{height:260px;object-fit:cover}.xc-schedule{padding:20px}.xc-schedule dl>div{padding:16px 0}.xc-controls{margin:0 22px;padding:16px 0;gap:12px}.xc-tabs{gap:4px}.xc-tabs button{padding:9px 7px;font-size:12px}.xc-playback{width:100%;justify-content:space-between}.xc-playback button{min-height:40px}.demo-follow{margin:35px auto}.demo-follow h2{font-size:23px}}@media(prefers-reduced-motion:reduce){.xh-carousel *{scroll-behavior:auto}}

.xc-controls{display:grid;grid-template-columns:1fr auto 1fr}.xc-tabs{grid-column:2;justify-content:center;gap:4px}.xc-playback{grid-column:3;justify-self:end}.xc-tabs .xc-dot{width:30px;height:36px;padding:0;background:transparent;position:relative;border-radius:0;box-shadow:none}.xc-dot:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#c9c3bb;left:11px;top:14px}.xc-dot[aria-pressed=true]:after{background:var(--accent);width:10px;height:10px;left:10px;top:13px}.xh-carousel[data-motion=true] .xc-slide:not([hidden]){animation:xc-reveal .4s ease-out}@keyframes xc-reveal{from{opacity:.35;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media(max-width:850px){.xc-controls{display:flex;align-items:center;flex-direction:column}.xc-tabs{justify-content:center}.xc-playback{justify-content:center;flex-wrap:wrap}}
.xc-tabs .xc-dot[aria-pressed]{background:transparent;box-shadow:none}

.xc-controls{display:flex;justify-content:center;align-items:center}.xc-tabs{justify-content:center}.xc-share h2{font-size:44px}@media(max-width:600px){.xc-share h2{font-size:32px}}

.xc-share-art{position:relative;margin:14px 14px 18px}.xc-social-logos{position:absolute;inset:0;pointer-events:none}.xc-social-badge{position:absolute;width:58px;height:58px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #efe7de;border-radius:15px;box-shadow:0 5px 18px #3c281521}.xc-share-art .xc-social-badge img{width:31px;height:31px;object-fit:contain;border-radius:0}.xc-social-xiaohongshu{left:-20px;top:12px;transform:rotate(-7deg)}.xc-social-x{right:-20px;top:20px;transform:rotate(7deg)}.xc-social-reddit{left:-24px;top:45%;transform:rotate(5deg)}.xc-social-facebook{right:-22px;top:43%;transform:rotate(-6deg)}.xc-social-youtube{left:20%;bottom:-20px;transform:rotate(-5deg)}.xc-social-threads{right:17%;bottom:-20px;transform:rotate(6deg)}@media(max-width:600px){.xc-share-art{margin:10px 14px 18px}.xc-social-badge{width:45px;height:45px;border-radius:12px}.xc-share-art .xc-social-badge img{width:25px;height:25px}.xc-social-xiaohongshu{left:-16px;top:8px}.xc-social-x{right:-16px;top:10px}.xc-social-reddit{left:-16px}.xc-social-facebook{right:-16px}.xc-social-youtube,.xc-social-threads{bottom:-16px}}

.xh-carousel .xc-slide h1,.xh-carousel .xc-slide h2{font-family:inherit;font-weight:700;text-transform:none}.xh-carousel .xc-slide h2 em{font-weight:inherit}.xh-carousel .xc-actions>a{margin:0}.xh-carousel img{max-height:none}.xh-carousel .xc-social-badge img{width:31px;height:31px}@media(max-width:600px){.xh-carousel .xc-social-badge img{width:25px;height:25px}}


/* Reserve space behind the transparent Ueeshop navigation at the top of the page. */
#xh-carousel.xh-carousel{position:relative;padding-top:120px}
#xh-carousel.xh-carousel::before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:#080808;pointer-events:none}
@media(max-width:600px){#xh-carousel.xh-carousel{padding-top:96px}#xh-carousel.xh-carousel::before{height:96px}}

#xh-carousel .xc-controls{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:14px}
#xh-carousel .xc-arrow{display:inline-flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;margin:0;border:1px solid #e7ded4;border-radius:50%;background:transparent;color:#6b6258;font-size:30px;line-height:1;cursor:pointer}
#xh-carousel .xc-arrow:hover{background:#fff;color:var(--accent);border-color:var(--accent)}
#xh-carousel .xc-arrow:disabled{opacity:.3;cursor:default}
#xh-carousel .xc-arrow span{font:inherit;color:inherit;transform:translateY(-1px)}
#xh-carousel .xc-tabs{flex:0 0 auto;display:flex;align-items:center;justify-content:center}
@media(max-width:600px){#xh-carousel .xc-controls{gap:10px}}