:root{color-scheme:light;--bg:#f1f5f9;--text:#101720;--muted:#516173;--line:rgba(16,23,32,.12);--card:hsla(0,0%,100%,.86);--card-strong:hsla(0,0%,100%,.94);--radius-xl:30px;--radius-lg:22px;--radius-sm:999px;--shadow:0 28px 68px rgba(17,38,63,.18);--font-sans:"Avenir Next","Trebuchet MS","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--font-sans);background:linear-gradient(180deg,#f8fbff,#edf3fb 52%,#e6edf6);overflow-x:hidden}body:after,body:before{content:"";position:fixed;z-index:-1;width:72vmax;height:72vmax;border-radius:50%;filter:blur(68px);opacity:.72;pointer-events:none}body:before{top:-34vmax;left:-20vmax;background:conic-gradient(from 70deg,rgba(0,183,255,.56),rgba(44,103,255,.42),rgba(255,148,48,.44),rgba(0,183,255,.56));animation:bgSweepA 28s linear infinite}body:after{bottom:-38vmax;right:-24vmax;background:conic-gradient(from 220deg,rgba(255,140,44,.5),rgba(0,176,255,.36),rgba(34,96,214,.4),rgba(255,140,44,.5));animation:bgSweepB 34s linear infinite reverse}@keyframes bgSweepA{0%{transform:translateZ(0) rotate(0deg) scale(1)}50%{transform:translate3d(5vmax,4vmax,0) rotate(180deg) scale(1.06)}to{transform:translateZ(0) rotate(1turn) scale(1)}}@keyframes bgSweepB{0%{transform:translateZ(0) rotate(0deg) scale(1)}50%{transform:translate3d(-6vmax,-5vmax,0) rotate(180deg) scale(1.08)}to{transform:translateZ(0) rotate(1turn) scale(1)}}a{color:inherit;text-decoration:none}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}.showcase-shell{width:min(calc(100% - 32px),1280px);margin:0 auto;padding:28px 0 80px;overflow:hidden}.showcase-hero{position:relative;display:grid;grid-template-columns:auto 1fr;grid-gap:18px;gap:18px;align-items:center;padding:8px 2px 14px;margin-bottom:24px}.showcase-hero-icon{display:inline-flex;width:104px;height:104px;border-radius:26px;align-items:center;justify-content:center;border:1px solid rgba(140,184,232,.42);background:linear-gradient(180deg,hsla(0,0%,100%,.72),hsla(0,0%,100%,.34));box-shadow:0 14px 26px rgba(7,26,50,.12);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.showcase-hero-copy{display:grid;grid-gap:10px;gap:10px}.showcase-hero-kicker{width:-moz-fit-content;width:fit-content;padding:6px 10px;border-radius:var(--radius-sm);font-size:.7rem;letter-spacing:.14em;font-weight:700;color:#0e4f92;background:rgba(212,234,255,.66);border:1px solid rgba(140,184,232,.42)}.showcase-hero h1{font-size:clamp(2.1rem,5vw,3.2rem);line-height:1.04;letter-spacing:-.03em;color:#0f2747;background:linear-gradient(112deg,#0f2747,#0f67c5 56%,#bf641c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.showcase-hero p{color:#40546c;max-width:68ch;line-height:1.66}.showcase-hero-count{width:-moz-fit-content;width:fit-content;display:inline-flex;align-items:center;padding:7px 12px;border-radius:var(--radius-sm);border:1px solid rgba(140,184,232,.42);background:rgba(210,233,255,.58);color:#0e4f92;font-size:.82rem;font-weight:700}.lane-stack{display:grid;grid-gap:26px;gap:26px;min-width:0}.showcase-lane{position:relative;overflow:hidden;display:grid;grid-gap:18px;gap:18px;padding:20px;border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(120deg,hsla(0,0%,100%,.84),hsla(0,0%,100%,.54)),hsla(0,0%,100%,.58)}.showcase-lane:after{content:"";position:absolute;top:-120px;right:-100px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(0,174,255,.26),transparent 70%);pointer-events:none}.lane-header{padding:13px 15px;border:1px solid rgba(16,23,32,.1);border-radius:18px;background:linear-gradient(180deg,hsla(0,0%,100%,.82),hsla(0,0%,100%,.68));min-width:0}.lane-header,.lane-heading{display:grid;grid-gap:10px;gap:10px}.lane-kicker{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:#1066cc;font-weight:700}.lane-header h2{font-size:clamp(1.4rem,2.8vw,2.2rem);letter-spacing:-.03em}.lane-header p{color:var(--muted);line-height:1.72}.lane-track{display:grid;grid-auto-flow:column;--card-width:clamp(320px,34vw,420px);grid-auto-columns:var(--card-width);grid-gap:18px;gap:18px;overflow-x:auto;padding:2px 92px 12px;scroll-snap-type:none;scrollbar-width:none;z-index:1;cursor:-webkit-grab;cursor:grab;touch-action:pan-x}.lane-body,.lane-track{position:relative;min-width:0}.lane-body{isolation:isolate}.lane-track::-webkit-scrollbar{display:none}.lane-control{position:absolute;top:8px;bottom:14px;z-index:28;width:84px;border:0;border-radius:0;background:transparent;color:#eff6ff;padding:0;cursor:pointer;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;touch-action:manipulation;transition:transform .18s ease}.lane-control:before{content:"";position:absolute;inset:0;pointer-events:none;transition:opacity .18s ease}.lane-control.is-prev{left:0;border-top-right-radius:22px;border-bottom-right-radius:22px;justify-content:flex-start;padding-left:14px}.lane-control.is-prev:before{background:transparent}.lane-control.is-next{right:0;border-top-left-radius:22px;border-bottom-left-radius:22px;justify-content:flex-end;padding-right:14px}.lane-control.is-next:before{background:transparent}.lane-control-glyph{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:46px;height:74px;border-radius:16px;border:1px solid rgba(228,240,255,.34);background:linear-gradient(180deg,hsla(0,0%,100%,.26),hsla(0,0%,100%,.12));box-shadow:0 12px 22px rgba(4,14,30,.3);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);opacity:.96;font-size:2rem;font-weight:700;line-height:1;text-shadow:0 5px 12px rgba(4,14,30,.56);transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease,opacity .22s ease}.lane-control:hover{transform:translateY(-1px)}.lane-control:hover .lane-control-glyph{background:linear-gradient(180deg,hsla(0,0%,100%,.34),hsla(0,0%,100%,.19));box-shadow:0 14px 26px rgba(4,14,30,.34);opacity:1}.lane-control:active{transform:scale(.99)}.lane-control.is-prev:hover .lane-control-glyph{transform:translateX(-2px);border-color:rgba(237,247,255,.62)}.lane-control.is-next:hover .lane-control-glyph{transform:translateX(2px);border-color:rgba(237,247,255,.62)}.lane-control:focus-visible{outline:none}.lane-control:focus-visible .lane-control-glyph{border-color:hsla(0,0%,100%,.88);box-shadow:0 0 0 2px rgba(11,83,172,.3),0 14px 24px rgba(4,14,30,.34)}.lane-track.is-dragging{cursor:-webkit-grabbing;cursor:grabbing}.lane-track.is-dragging *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.lane-track.is-moved a{pointer-events:none}.showcase-card{position:relative;display:flex;flex-direction:column;gap:14px;padding:14px;border-radius:var(--radius-lg);border:1px solid rgba(16,23,32,.12);background:linear-gradient(180deg,var(--card-strong),rgba(246,251,255,.92));box-shadow:0 14px 28px rgba(17,38,63,.14);min-height:100%;transform:perspective(1200px) rotateY(var(--tilt,0deg));transform-origin:center;scroll-snap-align:start;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}.showcase-card:hover{transform:perspective(1200px) rotateY(0deg) translateY(-6px);border-color:rgba(0,174,255,.58);box-shadow:0 22px 38px rgba(17,38,63,.18)}.showcase-image-wrap{position:relative;overflow:hidden;min-height:250px;border-radius:16px;background:radial-gradient(circle at top right,var(--poster-soft),transparent 40%),linear-gradient(135deg,var(--poster-accent),#16191f 92%)}.showcase-image{object-fit:cover;transform:scale(1);transition:transform .36s ease;-webkit-user-drag:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.showcase-card:hover .showcase-image{transform:scale(1.05)}.showcase-image-overlay{position:absolute;left:10px;right:10px;bottom:10px;z-index:2;display:grid;grid-gap:6px;gap:6px;padding:11px 12px;border-radius:14px;border:1px solid hsla(0,0%,100%,.26);background:linear-gradient(180deg,rgba(10,14,22,.4),rgba(10,14,22,.72));color:#f3f7ff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.showcase-image-overlay p{font-size:.72rem;letter-spacing:.11em;text-transform:uppercase;opacity:.88}.showcase-image-overlay h3{font-size:clamp(1.25rem,2.8vw,1.55rem);line-height:1.1;letter-spacing:-.02em}.showcase-image-overlay span{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:5px 10px;border-radius:var(--radius-sm);background:hsla(0,0%,100%,.18);font-size:.8rem}.showcase-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.showcase-chip{display:inline-flex;padding:6px 11px;border-radius:var(--radius-sm);background:rgba(0,174,255,.16);color:#0d5dbc;font-size:.82rem;font-weight:700}.showcase-variant{color:var(--muted);font-size:.88rem}.showcase-official{color:#15263a;line-height:1.45;font-weight:600;font-size:.95rem;min-height:calc(1.45em * 2)}.showcase-official,.showcase-summary{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.showcase-summary{color:#4b6178;line-height:1.58;font-size:.88rem;min-height:calc(1.58em * 2)}.showcase-highlights{display:grid;grid-gap:7px;gap:7px;min-height:calc(1.62em * 2)}.showcase-highlights li{position:relative;padding-left:16px;color:var(--muted);line-height:1.62}.showcase-highlights li:before{content:"";position:absolute;left:0;top:.75em;width:7px;height:7px;border-radius:50%;background:linear-gradient(180deg,#00a3ff,#ff7a18);transform:translateY(-50%)}.showcase-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.showcase-link{display:inline-flex;padding:6px 11px;border-radius:var(--radius-sm);border:1px solid rgba(16,102,204,.24);background:rgba(247,252,255,.92);color:#0d5dbc;font-size:.8rem;transition:transform .2s ease,border-color .2s ease}.showcase-link:hover{transform:translateY(-2px);border-color:rgba(0,174,255,.55)}@media (max-width:1100px){.lane-track{--card-width:min(78vw,420px)}}@media (max-width:720px){.showcase-shell{width:min(calc(100% - 18px),1280px);padding:14px 0 46px}.showcase-hero{grid-template-columns:1fr;justify-items:start;gap:14px;padding:4px 2px 12px;margin-bottom:18px}.showcase-hero-icon{width:86px;height:86px;border-radius:20px}.showcase-hero-icon img{width:72px;height:72px}.showcase-hero h1{font-size:clamp(1.72rem,7vw,2.3rem)}.showcase-lane{border-radius:24px;padding:14px}.lane-track{--card-width:84vw;padding:2px 68px 12px}.showcase-card{transform:none}.showcase-card:hover{transform:translateY(-4px)}.showcase-image-wrap{min-height:220px}.lane-control{top:6px;bottom:12px;width:64px}.lane-control.is-prev{padding-left:10px}.lane-control.is-next{padding-right:10px}.lane-control-glyph{width:36px;height:58px;border-radius:14px;font-size:1.56rem}}