.product-opening{--product-size:104px;--product-gap:14px;position:relative;isolation:isolate;overflow:hidden;margin:0 -42px;padding:32px 0 24px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 50% 48%,#a0bf6521,transparent 64%)}
.product-opening:before{content:"";position:absolute;width:470px;height:220px;border-radius:50%;background:#c5dc9b25;filter:blur(70px);left:50%;top:160px;transform:translateX(-50%);z-index:-1;pointer-events:none}.opening-heading{text-align:center;padding:0 30px;position:relative;z-index:1}.opening-kicker{font-size:9px;letter-spacing:2px;color:#829274;margin:0 0 18px;display:flex;align-items:center;justify-content:center;gap:8px}.opening-kicker>span{font-size:14px;color:#829e54}.product-opening h1{font-size:clamp(34px,4.2vw,66px);font-weight:750;line-height:1.18;letter-spacing:-2px;margin:0;color:var(--ink);text-wrap:balance}.product-opening h1>span{color:var(--green);text-shadow:2px 3px 0 #cadbb8}.opening-description{font-size:12px;color:#89957d;line-height:1.8;margin:14px 0 0;letter-spacing:.4px}.opening-mobile-break{display:none}.product-ribbons{margin:27px 0 0;display:grid;gap:var(--product-gap);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);padding:8px 0}.product-ribbon{width:100%;overflow:visible;height:var(--product-size)}.product-ribbon-track{display:flex;align-items:center;width:max-content;animation:productRibbonTravel 38s linear infinite;transform:translate3d(0,0,0)}.product-ribbon-right .product-ribbon-track{animation-duration:44s;animation-direction:reverse}.product-ribbon:nth-child(3) .product-ribbon-track{animation-duration:41s}.product-ribbon-set{display:flex;gap:var(--product-gap);padding-right:var(--product-gap);flex-shrink:0}.opening-product{display:flex;flex-direction:column;align-items:center;justify-content:center;width:var(--product-size);height:var(--product-size);flex-shrink:0;border-radius:20px;background:linear-gradient(145deg,#ffffff1f,#ffffff00 70%),var(--product-bg);box-shadow:inset 0 1px 0 #ffffff50,inset 0 -1px 0 #0000000a;position:relative;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s;transform:translateY(0);overflow:hidden}.opening-product-art{width:77%;height:77%;display:block;transform:rotate(var(--product-tilt));transition:transform .4s cubic-bezier(.22,1,.36,1)}.opening-product-art>svg{width:100%;height:100%}.opening-product-name{font-size:8px;line-height:1;letter-spacing:1.5px;color:#354d40;opacity:.65;position:absolute;bottom:8px}.opening-actions{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:24px;padding:0 20px}.opening-actions .opening-button{font-size:12px;padding:12px 21px;border-radius:30px;gap:18px;min-height:43px}.opening-actions .opening-button>span{font-size:17px}.opening-footline{display:flex;align-items:center;justify-content:center;gap:18px;margin:18px 24px 0;color:#97a18a;font-size:9px;letter-spacing:1px}.opening-footline>button{display:flex;align-items:center;gap:5px;font-size:9px;color:#7d8c6e;letter-spacing:0;padding:5px 7px;border-radius:20px;border:1px solid #dce5d1;background:#f8fbf3}.opening-footline>button svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.opening-play-icon{display:none}.product-opening[data-paused="true"] .opening-pause-icon{display:none}.product-opening[data-paused="true"] .opening-play-icon{display:block}.product-opening[data-paused="true"] .product-ribbon-track,.product-opening.opening-offscreen .product-ribbon-track,.product-opening.opening-page-hidden .product-ribbon-track{animation-play-state:paused}.hero h2{font-size:clamp(34px,3.45vw,56px);font-weight:600;letter-spacing:-1.8px;line-height:1.42;margin:22px 0 15px;font-family:"PingFang SC","Microsoft YaHei",sans-serif}
@keyframes productRibbonTravel{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
:root[data-theme="dark"] .product-opening{background:radial-gradient(ellipse at 50% 48%,#a4c95a0e,transparent 64%)}:root[data-theme="dark"] .product-opening:before{background:#b7d86c17}:root[data-theme="dark"] .opening-kicker,:root[data-theme="dark"] .opening-description{color:#adbc9d}:root[data-theme="dark"] .opening-kicker>span{color:#d9f58f}:root[data-theme="dark"] .product-opening h1{color:#f0f1e5}:root[data-theme="dark"] .product-opening h1>span{color:#d9f58f;text-shadow:2px 3px 0 #4d6031}:root[data-theme="dark"] .opening-footline{color:#91a17e}:root[data-theme="dark"] .opening-footline>button{background:#253322;border-color:#435739;color:#b8cca3}
@media(hover:hover) and (pointer:fine){.product-ribbon:hover .product-ribbon-track{animation-play-state:paused}.opening-product:hover{transform:translateY(-5px);box-shadow:inset 0 1px 0 #fff7,0 10px 22px #0002;z-index:2}.opening-product:hover .opening-product-art{transform:rotate(0deg) scale(1.13)}}
@media(min-width:1600px){.product-opening{--product-size:116px;--product-gap:18px;margin-left:-60px;margin-right:-60px;padding-top:44px;padding-bottom:30px}.opening-description{font-size:14px}.product-ribbons{margin-top:33px}.opening-product{border-radius:24px}.opening-product-name{font-size:9px;bottom:11px}.opening-actions{margin-top:29px}.opening-actions .opening-button{font-size:13px;padding:14px 25px}.opening-kicker{font-size:10px}}
@media(max-width:1190px){.product-opening{--product-size:96px;--product-gap:13px;margin-left:-28px;margin-right:-28px}.product-opening h1{font-size:clamp(34px,4.5vw,52px)}.opening-description{font-size:11px}.hero h2{font-size:36px}}
@media(max-width:920px){.product-opening{--product-size:90px;--product-gap:12px;padding-top:34px}.opening-heading{padding:0 24px}.product-opening h1{font-size:39px;line-height:1.25}.opening-kicker{font-size:8px;letter-spacing:1.5px}.opening-description{max-width:370px;margin-left:auto;margin-right:auto}.opening-product{border-radius:19px}.hero h2{font-size:39px}}
@media(max-width:650px){.product-opening{--product-size:83px;--product-gap:11px;margin-left:-20px;margin-right:-20px;padding-top:31px;padding-bottom:22px}.opening-kicker{font-size:7px;letter-spacing:1.1px;margin-bottom:18px;gap:5px}.opening-kicker>span{font-size:12px}.product-opening h1{font-size:34px;line-height:1.32;letter-spacing:-1.6px;max-width:330px;margin:auto}.opening-heading{padding:0 25px}.opening-mobile-break{display:block}.opening-description{font-size:10px;line-height:1.9;letter-spacing:0;margin-top:12px}.product-ribbons{margin-top:23px;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.opening-product{border-radius:18px}.opening-product-name{font-size:7px;bottom:7px;letter-spacing:1px}.opening-product-art{width:79%;height:79%}.opening-actions{gap:8px;margin-top:21px;padding:0 17px}.opening-actions .opening-button{font-size:11px;padding:12px 16px;gap:12px}.opening-footline{gap:10px;font-size:8px;margin:15px 16px 0;letter-spacing:.4px}.opening-footline>button{font-size:8px;padding:5px 7px}.hero h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){.product-ribbon-track{animation:none!important;transform:none}.product-ribbon-right .product-ribbon-track{transform:translateX(-190px)}.opening-product,.opening-product-art{transition:none}.opening-product:hover,.opening-product:hover .opening-product-art{transform:none}}