.py-vtl{--ink:var(--py-ink);--muted:var(--py-muted);--paper:var(--py-site-paper);--line:var(--py-line);--progress:0;background:var(--paper);color:var(--ink);overflow:clip;padding:var(--py-space-lg) 0 var(--py-space-xl)}.py-vtl *{box-sizing:border-box}.py-vtl__shell{width:min(1320px,calc(100% - var(--py-gutter)*2));margin:auto}.py-vtl__head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--py-layout-gap);margin-bottom:var(--py-space-md)}.py-vtl__eyebrow{margin:0 0 24px;color:var(--py-accent);font-size:11px;letter-spacing:.18em}.py-vtl__head h2{margin:0;font:400 var(--py-section-title)/1.25 var(--py-font-display);font-size:var(--py-page-title);line-height:var(--py-heading-leading);letter-spacing:var(--py-heading-tracking);max-width:var(--py-title-measure);font-weight:400;text-wrap:balance}.py-vtl__intro{margin:22px 0 0;color:var(--muted);font-size:var(--py-body-size);line-height:var(--py-body-leading);max-width:var(--py-copy-measure);text-wrap:pretty}.py-vtl__current{text-align:right;min-width:110px;font-variant-numeric:lining-nums}.py-vtl__current strong{display:block;font:400 clamp(38px,4vw,56px)/1 var(--py-font-display)}.py-vtl__current span{display:block;margin-top:10px;font-size:12px;color:var(--muted)}.py-vtl__layout{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px}.py-vtl__rail-sticky{position:sticky;top:110px;height:calc(100svh - 160px);min-height:300px}.py-vtl__rail-sticky:before,.py-vtl__rail-sticky i{content:"";position:absolute;left:21px;top:4px;width:1px;height:calc(100% - 8px);background:var(--line)}.py-vtl__rail-sticky i{height:calc(var(--progress)*(100% - 8px));background:var(--py-accent)}.py-vtl__rail-sticky button{position:absolute;left:0;top:calc(var(--progress)*(100% - 44px));width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--paper);color:var(--ink);font:400 24px/1 Georgia,serif;cursor:pointer}.py-vtl__year{display:grid;grid-template-columns:116px minmax(0,1fr);gap:26px;align-items:start;padding:32px 0 46px;border-bottom:1px solid var(--line);scroll-margin-top:116px;opacity:1}.py-vtl__year>time{padding-top:12px;font:400 clamp(36px,3.7vw,54px)/1 var(--py-font-display);letter-spacing:-.035em;color:var(--ink)}.py-vtl__events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;min-width:0;align-items:start}.py-vtl__event{display:grid;grid-template-columns:130px minmax(0,1fr);min-height:200px;border:1px solid var(--line);border-radius:var(--py-radius-card);overflow:hidden;background:#fff;color:inherit;text-decoration:none;transition:translate .4s var(--py-ease),box-shadow .4s var(--py-ease);min-width:0}.py-vtl__event:nth-child(2n){margin-top:22px}.py-vtl__event figure{margin:0;min-width:0;min-height:200px;overflow:hidden;background:#eee7dc}.py-vtl__event figure img{display:block;width:100%;height:100%;object-fit:cover;transition:scale .55s var(--py-ease)}.py-vtl__event--certificate figure img{object-fit:contain;background:#fff;padding:8px}.py-vtl__copy{padding:18px;min-width:0;display:flex;flex-direction:column}.py-vtl__copy h3{margin:0 0 12px;font:400 clamp(17px,1.5vw,21px)/1.4 var(--py-font-display);color:var(--ink);overflow-wrap:break-word;font-size:var(--py-card-title);line-height:var(--py-card-leading);letter-spacing:var(--py-heading-tracking);font-weight:400;text-wrap:pretty}.py-vtl__copy p{margin:0;color:var(--muted);font-size:14px;line-height:var(--py-body-leading)}.py-vtl__detail-link{margin-top:auto;padding-top:20px;font-size:12px;color:var(--ink);text-decoration:underline;text-underline-offset:5px}.py-vtl :is(a,button):focus-visible{outline:2px solid var(--py-accent);outline-offset:4px}.py-vtl[data-py-edition=en]{padding-block:var(--py-space-xl);background:var(--py-site-paper);padding:var(--py-space-lg) 0 var(--py-space-xl)}.py-vtl[data-py-edition=en] .py-vtl__head h2{font-size:clamp(44px,6vw,82px);line-height:1.1;letter-spacing:-.045em}.py-vtl[data-py-edition=en] .py-vtl__head{margin-bottom:48px}.py-vtl[data-py-edition=en] .py-vtl__layout{grid-template-columns:44px minmax(0,1fr);gap:30px}.py-vtl[data-py-edition=en] .py-vtl__year{grid-template-columns:minmax(90px,.24fr) minmax(0,1fr);gap:32px;padding-block:42px 58px}.py-vtl[data-py-edition=en] .py-vtl__year>time{font-family:Georgia,serif;font-size:clamp(38px,4.4vw,64px);line-height:1.1;letter-spacing:-.06em;padding:0;color:var(--py-accent)}.py-vtl[data-py-edition=en] .py-vtl__events{gap:28px;grid-template-columns:1fr}.py-vtl[data-py-edition=en] .py-vtl__event{display:grid;flex-direction:column;background:#eeeee6;border:0;border-radius:var(--py-radius-card);min-height:0;margin:0;box-shadow:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center;padding:22px}.py-vtl[data-py-edition=en] .py-vtl__event figure{aspect-ratio:4/3;min-height:0;border-radius:var(--py-radius-card)}.py-vtl[data-py-edition=en] .py-vtl__copy{padding:0}.py-vtl[data-py-edition=en] .py-vtl__copy h3{font-size:clamp(23px,2.2vw,32px);line-height:1.25;letter-spacing:-.02em}.py-vtl[data-py-edition=en] .py-vtl__copy p{max-width:42em;font:400 15px/1.85 var(--py-font-body)}.py-vtl[data-py-edition=en] .py-vtl__event:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:28px}.py-vtl[data-py-edition=en] .py-vtl__event:first-child figure{aspect-ratio:5/4}.py-vtl[data-py-edition=en] .py-vtl__event:first-child .py-vtl__copy{padding:0}.py-vtl[data-py-edition=en] .py-vtl__year:nth-child(2n) .py-vtl__event:first-child figure{grid-column:2;grid-row:1}.py-vtl[data-py-edition=en] .py-vtl__year:nth-child(2n) .py-vtl__event:first-child .py-vtl__copy{grid-column:1;grid-row:1}.py-vtl[data-py-edition=en] .py-vtl__detail-link{font-size:13px;padding-top:28px;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:8px;align-self:flex-start;width:fit-content;max-width:100%}.py-vtl[data-py-edition=zh] .py-vtl__year>time{font-family:Georgia,serif;color:var(--ink);border-top:1px solid var(--ink);padding-top:16px}.py-vtl[data-py-edition=zh] .py-vtl__current strong{color:var(--ink)}.py-vtl[data-py-edition=zh] .py-vtl__chapters a[aria-current]{color:var(--ink);border-bottom-color:var(--ink)}.py-vtl[data-py-edition=zh] .py-vtl__rail-sticky i{background:var(--ink)}.py-vtl[data-py-edition=zh] .py-vtl__event{background:#fcfaf5;border-color:#bba58f66;box-shadow:none}.py-vtl[data-py-edition=zh] .py-vtl__copy h3{font-size:21px;letter-spacing:.025em;line-height:1.5}.py-vtl[data-py-edition=zh] .py-vtl__copy p{line-height:1.95}@media(hover:hover)and (prefers-reduced-motion:no-preference){.py-vtl__event:hover{translate:0 -6px;box-shadow:0 14px 30px #3a2a1f0f}.py-vtl__event:hover figure img{scale:1.025}.py-vtl[data-py-edition=en] .py-vtl__event:hover{box-shadow:none}}@media(max-width:1150px){.py-vtl__year{grid-template-columns:88px minmax(0,1fr);gap:20px}.py-vtl__event{grid-template-columns:104px minmax(0,1fr)}.py-vtl__copy{padding:16px}.py-vtl__events{gap:18px}}@media(max-width:900px){.py-vtl__head{display:block;gap:var(--py-layout-gap);margin-bottom:var(--py-space-md)}.py-vtl__current{text-align:left;margin-top:24px}.py-vtl__current strong{font-size:32px}.py-vtl__layout{grid-template-columns:34px minmax(0,1fr);gap:10px}.py-vtl__rail-sticky:before,.py-vtl__rail-sticky i{left:16px}.py-vtl__rail-sticky button{left:-5px}.py-vtl__year{grid-template-columns:68px minmax(0,1fr);gap:18px}.py-vtl__year>time{font-size:32px}.py-vtl__events{grid-template-columns:1fr}.py-vtl__event:nth-child(2n){margin-top:0}.py-vtl__event{grid-template-columns:138px minmax(0,1fr);min-height:176px}.py-vtl__event figure{min-height:176px}.py-vtl[data-py-edition=en] .py-vtl__events{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.py-vtl[data-py-edition=en] .py-vtl__layout{gap:16px}.py-vtl[data-py-edition=en] .py-vtl__copy h3{font-size:26px}.py-vtl[data-py-edition=en] .py-vtl__year{gap:30px;padding-block:44px 62px}}@media(max-width:600px){.py-vtl{padding-block:60px;padding:var(--py-space-lg) 0 var(--py-space-xl)}.py-vtl__year{grid-template-columns:1fr;gap:18px}.py-vtl__event{grid-template-columns:92px minmax(0,1fr)}.py-vtl__copy{padding:14px}.py-vtl__copy h3{font-size:var(--py-card-title);line-height:var(--py-card-leading);letter-spacing:var(--py-heading-tracking);font-weight:400;text-wrap:pretty}.py-vtl[data-py-edition=zh] .py-vtl__copy h3{font-size:18px}.py-vtl__copy p{font-size:14px;line-height:var(--py-body-leading)}.py-vtl[data-py-edition=en] .py-vtl__layout{grid-template-columns:34px minmax(0,1fr);gap:10px}.py-vtl[data-py-edition=en] .py-vtl__events{grid-template-columns:1fr}.py-vtl[data-py-edition=en] .py-vtl__event:first-child{display:flex;gap:0}.py-vtl[data-py-edition=en] .py-vtl__event:first-child .py-vtl__copy{padding-top:24px}.py-vtl[data-py-edition=en] .py-vtl__event figure{min-height:0;aspect-ratio:4/3}.py-vtl[data-py-edition=en] .py-vtl__year>time{font-size:88px}.py-vtl[data-py-edition=en] .py-vtl__head h2{font-size:56px}}@media(prefers-reduced-motion:reduce){.py-vtl__event,.py-vtl__event figure img{transition:none}.py-vtl__event:hover{translate:none}.py-vtl__event:hover figure img{scale:1}}@media(max-width:900px){.py-vtl[data-py-edition=en] .py-vtl__year{grid-template-columns:1fr;gap:24px}.py-vtl[data-py-edition=en] .py-vtl__events{grid-template-columns:1fr}}@media(max-width:600px){.py-vtl[data-py-edition=en] .py-vtl__event,.py-vtl[data-py-edition=en] .py-vtl__event:first-child{display:flex;flex-direction:column;gap:0;padding:18px;align-items:stretch}.py-vtl[data-py-edition=en] .py-vtl__copy{padding-top:20px}.py-vtl[data-py-edition=en] .py-vtl__year>time{font-size:48px}}
/*# sourceMappingURL=/cdn/shop/t/89/assets/putaoyao-history.css.map */