.c1 .pg{gap:14px;min-width:0;display:grid}.c1 .pg-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.c1 .pg-tabs button{border:1px solid var(--line);color:inherit;font:inherit;text-align:start;cursor:pointer;background:#ffffff05;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:10px 12px;transition:border-color .25s,background .25s;display:flex;position:relative;overflow:hidden}.c1 .pg-tabs button:hover{border-color:#8b1c1e99}.c1 .pg-tabs button.on{background:linear-gradient(#8b1c1e38,#8b1c1e0f);border-color:#8b1c1e}.c1 .pg-tabs i{border:1px solid #ebd7dd59;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:12px;font-style:normal;font-weight:700;display:grid}.c1 .pg-tabs .on i{color:#fff;background:#8b1c1e;border-color:#8b1c1e}.c1 .pg-tabs span{flex-direction:column;min-width:0;display:flex}.c1 .pg-tabs b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.c1 .pg-tabs small{letter-spacing:.08em;opacity:.6;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.c1 .pg-bar{inset-inline-start:0;transform-origin:0;background:#d33b40;width:100%;height:2px;animation:4.5s linear forwards pgBar;position:absolute;bottom:0}[dir=rtl] .c1 .pg-bar,.c1[dir=rtl] .pg-bar{transform-origin:100%}.c1 .pg[data-stage="2"] .pg-bar{animation-duration:7s}@keyframes pgBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.c1 .pg-stage{min-width:0;display:grid;position:relative}.c1 .pg-pane{opacity:0;visibility:hidden;grid-area:1/1;min-width:0;transition:opacity .5s,transform .5s,visibility 0s .5s;transform:translateY(8px)}.c1 .pg-pane.on{opacity:1;visibility:visible;transition:opacity .5s,transform .5s;transform:none}.c1 .pg-where .st-carphoto{position:relative}.c1 .pg-fly{left:var(--x);top:var(--y);aspect-ratio:1;opacity:0;pointer-events:none;z-index:2;width:26%;position:absolute;transform:translate(-50%,-50%)scale(.2)}.c1 .pg-fly img{object-fit:cover;border:1px solid #ebd7dd59;border-radius:14px;width:100%;height:100%;box-shadow:0 14px 40px -10px #000000b3,0 0 0 4px #8b1c1e40}.c1 .pg-where.on .pg-fly{animation:4.5s cubic-bezier(.2,.8,.2,1) both pgFly}@keyframes pgFly{0%{opacity:0;top:14%;left:86%;transform:translate(-50%,-50%)scale(1)}12%{opacity:1}45%{opacity:1;top:14%;left:86%;transform:translate(-50%,-50%)scale(1)}80%{left:var(--x);top:var(--y);opacity:.9;transform:translate(-50%,-50%)scale(.25)}to{left:var(--x);top:var(--y);opacity:0;transform:translate(-50%,-50%)scale(.1)}}.c1 .pg-look{aspect-ratio:4/3;border:1px solid var(--line);background:radial-gradient(60% 60%,#151441a6,#07070d);border-radius:18px;place-items:center;display:grid;position:relative;overflow:hidden}.c1 .pg-blue{color:#ebd7dd14;position:absolute;inset:0}.c1 .pg-blue svg{width:100%;height:100%}.c1 .pg-ring{fill:none;stroke:#d33b4073;stroke-width:1px;stroke-dasharray:6 8;transform-origin:200px 150px;animation:24s linear infinite pgSpin}.c1 .pg-ring.r2{stroke:#ebd7dd40;animation-duration:18s;animation-direction:reverse}@keyframes pgSpin{to{transform:rotate(360deg)}}.c1 .pg-part{aspect-ratio:1;object-fit:cover;border-radius:20px;width:58%;position:relative;box-shadow:0 30px 60px -20px #000c}.c1 .pg-look.on .pg-part{animation:6s ease-in-out infinite pgFloat}@keyframes pgFloat{0%,to{transform:translateY(0)rotate(-2deg)scale(1)}50%{transform:translateY(-10px)rotate(2deg)scale(1.03)}}.c1 .pg-tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#07070dbf;border:1px solid #ebd7dd2e;border-radius:10px;flex-direction:column;padding:8px 12px;display:flex;position:absolute}.c1 .pg-tag b{font-size:13px}.c1 .pg-tag small{letter-spacing:.12em;opacity:.65;text-transform:uppercase;font-size:10px}.c1 .pg-tag.t1{top:14px;inset-inline-start:14px}.c1 .pg-tag.t2{bottom:14px;inset-inline-end:14px}.c1 .pg-how{border:1px solid var(--line);background:linear-gradient(#ffffff08,#ffffff03);border-radius:18px;gap:12px;padding:18px;display:grid;position:relative;overflow:hidden}.c1 .pg-how-img{inset-inline-end:-8%;opacity:.12;filter:grayscale(.3);pointer-events:none;border-radius:24px;width:46%;position:absolute;top:-10%}.c1 .pg-how ol{gap:10px;margin:0;padding:0;list-style:none;display:grid;position:relative}.c1 .pg-how li{background:#07070d73;border:1px solid #ebd7dd1a;border-radius:12px;align-items:flex-start;gap:12px;padding:12px;display:flex}.c1 .pg-how.on li{animation:.6s both pgStep;animation-delay:var(--d)}@keyframes pgStep{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.c1 .pg-how li i{color:#fff;background:#8b1c1e;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-style:normal;font-weight:800;display:grid;box-shadow:0 0 0 4px #8b1c1e33}.c1 .pg-how li span{flex-direction:column;gap:2px;min-width:0;display:flex}.c1 .pg-how li b{font-size:14px;font-weight:700}.c1 .pg-how li small{opacity:.65;font-size:12px}.c1 .pg-note{opacity:.7;flex-wrap:wrap;gap:4px 10px;margin:0;font-size:12px;display:flex}html[data-theme=day] .c1 .pg-tabs button{background:#15144108}html[data-theme=day] .c1 .pg-look{background:radial-gradient(60% 60%,#2a2960,#12122a)}html[data-theme=day] .c1 .pg-how{background:#15144108}html[data-theme=day] .c1 .pg-how li{background:#ffffff8c;border-color:#1514411a}@media (max-width:560px){.c1 .pg-tabs{gap:6px}.c1 .pg-tabs button{text-align:center;flex-direction:column;gap:6px;padding:8px}.c1 .pg-tabs span{align-items:center}.c1 .pg-tabs b{font-size:12px}}@media (prefers-reduced-motion:reduce){.c1 .pg *,.c1 .pg-pane{transition:none!important;animation:none!important}}
