.piw{--piw-left:40%;--piw-gap:60px;--piw-offset:100px;--piw-speed:250ms;--piw-direction:row;display:flex;flex-direction:var(--piw-direction);align-items:flex-start;gap:var(--piw-gap);color:#494741;font-family:inherit;min-width:0}
.piw *{box-sizing:border-box}.piw .piw-left{flex:0 1 var(--piw-left);min-width:0}.piw .piw-right{flex:1;min-width:0;width:100%}.piw[data-sticky=yes] .piw-left{position:sticky;top:var(--piw-offset)}
.piw .piw-heading{font-size:clamp(28px,3vw,48px);line-height:1.2;margin:0 0 22px;color:inherit}.piw .piw-intro{font-size:17px;line-height:1.7;color:#ae6e22;margin:0}.piw .piw-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.piw .piw-nav-button{font:inherit;font-size:14px;padding:10px 14px;background:#fff;color:#77736b;border:1px solid #e9e5dc;border-radius:24px;cursor:pointer;transition:background-color var(--piw-speed),color var(--piw-speed)}.piw .piw-nav-button:hover{background:#f1ede3;color:#494741}.piw .piw-nav-button.is-active{background:#494741;color:#fff;border-color:#494741}.piw button:focus-visible,.piw a:focus-visible{outline:2px solid #e99a38;outline-offset:4px}
.piw-timeline{--piw-item-gap:24px;--piw-track-gap:32px;--piw-line-width:2px;--piw-dot-size:12px;--piw-dot-y:38px;--piw-lift:4px}.piw .piw-timeline-body{position:relative;isolation:isolate;padding-left:calc(var(--piw-dot-size)/2)}.piw .piw-items{list-style:none;padding:0;margin:0}.piw .piw-item{position:relative;padding:0 0 var(--piw-item-gap) var(--piw-track-gap);margin:0}.piw .piw-item:last-child{padding-bottom:0}.piw .piw-dot{position:absolute;left:0;top:var(--piw-dot-y);width:var(--piw-dot-size);height:var(--piw-dot-size);transform:translate(-50%,-50%);border:2px solid #cfc5b4;border-radius:50%;background:#fff;z-index:2;transition:background var(--piw-speed),box-shadow var(--piw-speed)}.piw .piw-item.is-past .piw-dot,.piw .piw-item.is-active .piw-dot{background:#e99a38;border-color:#e99a38}.piw .piw-item.is-active .piw-dot{box-shadow:0 0 0 6px #e99a3826}.piw .piw-track{position:absolute;pointer-events:none;width:var(--piw-line-width);transform:translateX(-50%);background:#e9e5dc;z-index:0}.piw .piw-track-fill{display:block;width:100%;height:0;background:#e99a38}.piw .piw-t-card{position:relative;padding:24px;border:1px solid transparent;border-radius:12px;background:#f1ede3;transition:transform var(--piw-speed),box-shadow var(--piw-speed),background var(--piw-speed),border-color var(--piw-speed)}.piw .piw-item.is-active .piw-t-card{background:#fff9ef;border-color:#e99a38;box-shadow:0 12px 28px #72552a14}.piw .piw-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.piw .piw-year{font-size:28px;font-weight:600;color:#c27b25;margin:0 0 10px}.piw .piw-title{font-size:22px;line-height:1.4;margin:0 0 10px;color:inherit}.piw .piw-description{font-size:16px;line-height:1.8;color:#77736b}.piw .piw-description p{margin:0 0 .7em}.piw .piw-description p:last-child{margin-bottom:0}.piw .piw-card-icon{font-size:24px;color:#ad7837}.piw .piw-card-icon svg{width:1em;height:1em;fill:currentColor}.piw .piw-t-image{display:block;width:100%;height:200px;object-fit:cover;margin-top:18px;border-radius:8px}
.piw-timeline{position:relative}.piw .piw-current-wrap{margin-top:58px}.piw .piw-current-year{font-size:clamp(64px,7vw,104px);line-height:1;letter-spacing:-.055em;color:#e99a38;font-weight:400}.piw .piw-journey-label{margin-top:22px;color:#77736b;font-size:13px;letter-spacing:.16em}.piw .piw-scroll-hint{display:flex;align-items:center;gap:12px;margin-top:44px;color:#77736b;font-size:14px}.piw .piw-scroll-arrow{font-size:20px;line-height:1}
.piw-timeline[data-sticky=yes] .piw-left{position:sticky;top:var(--piw-offset);align-self:flex-start;transform:none}
.piw-exhibition{display:block}.piw-exhibition .piw-right{width:100%}
body.elementor-editor-active .piw-timeline:not([data-piw-ready])::before,body.elementor-editor-preview .piw-timeline:not([data-piw-ready])::before{content:'Gpie Timeline 1.0.9：交互脚本未启动';position:absolute;top:0;left:0;z-index:50;padding:8px 12px;background:#fff4d7;color:#724a00;font:14px/1.4 sans-serif;box-shadow:0 2px 8px #0002}
.piw-exhibition{--piw-left:24%;--piw-cards-height:440px;--piw-expand:5.1;--piw-expand-speed:680ms;--piw-gap:32px}.piw .piw-cards{display:flex;gap:9px;height:var(--piw-cards-height)}.piw .piw-e-card{position:relative;flex:1 1 0;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:7px;background:#bbb2a3;color:#fff;isolation:isolate;transition:flex-grow var(--piw-expand-speed) cubic-bezier(.2,.72,.2,1),box-shadow var(--piw-speed)}.piw .piw-e-card[hidden]{display:none}.piw .piw-e-card.is-active{flex-grow:var(--piw-expand)}.piw .piw-e-image{position:absolute;inset:0;background:#b5afa2;z-index:-2}.piw .piw-e-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--piw-expand-speed),opacity var(--piw-expand-speed)}.piw .piw-e-card.is-active .piw-e-image img{transform:scale(1.04)}.piw .piw-placeholder{position:absolute;inset:18px;display:flex;align-items:flex-start;justify-content:center;color:#fff9;font-size:11px;letter-spacing:.12em;text-align:center}.piw .piw-e-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,17,14,.85),rgba(12,17,14,.06) 85%);z-index:-1}.piw .piw-e-toggle{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;z-index:1;color:inherit}.piw .piw-e-toggle:hover,.piw .piw-e-toggle:focus{background:transparent}.piw .piw-e-toggle:focus-visible{outline-offset:-4px}.piw .piw-e-content{position:relative;z-index:2;pointer-events:none;display:flex;flex-direction:column;gap:10px;padding:22px 16px;min-width:0}.piw .piw-e-card.is-active .piw-e-content{padding:26px}.piw .piw-number{font-size:11px;letter-spacing:.16em;color:#f4c282}.piw .piw-e-title{font-size:16px;line-height:1.25;margin:0;color:inherit;writing-mode:horizontal-tb;overflow-wrap:break-word;transition:font-size var(--piw-speed)}.piw .piw-e-card.is-active .piw-e-title{font-size:28px}.piw .piw-e-detail{display:grid;grid-template-rows:0fr;opacity:0;visibility:hidden;transition:grid-template-rows var(--piw-expand-speed),opacity var(--piw-speed),visibility var(--piw-speed)}.piw .piw-e-detail-inner{overflow:hidden;min-height:0;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.piw .piw-e-card.is-active .piw-e-detail{grid-template-rows:1fr;opacity:1;visibility:visible}.piw .piw-location,.piw .piw-e-description{font-size:14px;line-height:1.6;margin:0;color:inherit}.piw .piw-cta{position:relative;pointer-events:auto;background:#e99a38;color:#fff;border:1px solid transparent;border-radius:3px;padding:11px 17px;font-size:13px;line-height:1.4;text-decoration:none;display:inline-block}.piw .piw-cta:hover{background:#ce7f20;color:#fff}
@media(hover:hover) and (pointer:fine){.piw .piw-t-card:hover{transform:translateY(calc(-1 * var(--piw-lift)));box-shadow:0 14px 30px #72552a1f}}
@media(max-width:767px){.piw{--piw-direction:column;--piw-gap:32px;--piw-offset:80px}.piw .piw-left{width:100%;flex-basis:auto}.piw[data-sticky=yes] .piw-left{position:static}.piw-timeline .piw-current-wrap{margin-top:24px}.piw-timeline .piw-nav{margin-bottom:0}.piw .piw-scroll-hint{display:none}.piw .piw-cards{flex-direction:column}.piw-exhibition{--piw-cards-height:680px}.piw .piw-e-card{min-height:60px}.piw .piw-e-card.is-active{min-height:230px}.piw .piw-e-content,.piw .piw-e-card.is-active .piw-e-content{padding:14px 18px}.piw .piw-number{display:none}.piw .piw-e-card.is-active .piw-e-title{font-size:24px}}
@media(prefers-reduced-motion:reduce){.piw *{transition:none!important;scroll-behavior:auto!important}.piw .piw-t-card:hover{transform:none}}