.shunbao-page{--zine-paper:#fbfaf7;--zine-surface:#fff;--zine-ink:var(--brand-ink,#16181d);--zine-muted:#5c626b;--zine-rule:#dcd8cf;--zine-sans:inherit;--zine-ease:cubic-bezier(.22, .7, .2, 1);padding:0 16px clamp(48px,8vw,96px)}.shunbao-page .editorial-page-header h1{text-wrap:balance;max-width:none}.shunbao-page .zine-btn:hover{background:var(--zine-ink);color:#fff}.shunbao-issues{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:24px;margin:clamp(24px,4vw,40px) 0 0;padding:0;list-style:none;display:grid}.shunbao-issue__link{border:2px solid var(--zine-ink);background:var(--brand-action,#ad4d2a);height:100%;color:var(--brand-white,#fff);transition:transform .2s var(--zine-ease), box-shadow .2s var(--zine-ease), background-color .2s var(--zine-ease);grid-template-columns:1fr;align-items:start;gap:20px;padding:24px;text-decoration:none;display:grid}.shunbao-issue__link:has(.shunbao-issue__cover){grid-template-columns:clamp(88px,30%,132px) 1fr}.shunbao-issue__link:hover,.shunbao-issue__link:focus-visible{background:var(--brand-action-hover,#963f24);box-shadow:6px 6px 0 var(--brand-yellow,#f5a200);transform:translateY(-3px)}.shunbao-issue__cover{border:2px solid var(--brand-white,#fff);background:var(--brand-surface,#fff8f4);width:100%;height:auto;box-shadow:4px 4px 0 var(--zine-ink);display:block}.shunbao-issue__body{flex-direction:column;gap:8px;min-width:0;height:100%;display:flex}.shunbao-issue__number{letter-spacing:.12em;font-size:14px;font-weight:900}.shunbao-issue__title{font-size:28px;font-weight:900;line-height:1.25}.shunbao-issue__date{opacity:.9;font-size:14px}.shunbao-issue__summary{flex:1;line-height:1.7}.shunbao-issue__more{font-weight:700}.shunbao-toolbar{flex-wrap:wrap;justify-content:space-between;gap:12px;margin:24px 0;display:flex}.shunbao-reader__status{color:var(--zine-muted);text-align:center;margin:0 0 16px;font-weight:700}.shunbao-reader .zine-book{box-shadow:0 18px 40px -14px #16181d40,0 2px 8px #16181d14}.shunbao-toolbar__end{flex-wrap:wrap;gap:12px;display:flex}@media (scripting:enabled){.shunbao-reader{--shunbao-book-ratio:var(--shunbao-page-ratio,.7071);position:relative}.shunbao-reader [data-zine-flip-pages]{display:none}.shunbao-reader [data-zine-flipbook]:not([data-zine-flip-ready]):before{content:"";width:min(100%, calc(78vh * var(--shunbao-book-ratio)));aspect-ratio:var(--shunbao-book-ratio);background:var(--zine-paper);margin:0 auto;display:block;box-shadow:0 18px 40px -14px #16181d40,0 2px 8px #16181d14}.shunbao-reader [data-zine-flipbook]:not([data-zine-flip-ready]) [data-zine-flip-controls][hidden]{visibility:hidden;display:flex}.shunbao-reader__status{z-index:1;position:absolute;top:40%;left:0;right:0}}@media (scripting:enabled) and (width>=721px){.shunbao-reader{--shunbao-book-ratio:calc(var(--shunbao-page-ratio,.7071) * 2)}}@media (scripting:none){.shunbao-reader__status--loading,.shunbao-reader__progress{display:none}}.shunbao-reader__progress{background:var(--zine-rule);border-radius:2px;width:min(240px,60%);height:4px;margin:12px auto 0;display:block;overflow:hidden}.shunbao-reader__progress[hidden]{display:none}.shunbao-reader__progress-bar{width:calc(var(--shunbao-progress,0) * 100%);border-radius:inherit;background:var(--zine-ink);height:100%;transition:width .3s var(--zine-ease);display:block}.shunbao-reader__progress:not([aria-valuenow]) .shunbao-reader__progress-bar{width:35%;transition:none;animation:1.2s ease-in-out infinite shunbao-progress-run}@keyframes shunbao-progress-run{0%{transform:translate(-100%)}to{transform:translate(290%)}}@media (prefers-reduced-motion:reduce){.shunbao-reader__progress-bar{transition:none}.shunbao-reader__progress:not([aria-valuenow]) .shunbao-reader__progress-bar{opacity:.35;width:100%;animation:none}}.shunbao-reader .zine-book[data-shunbao-edge=previous],.shunbao-reader .zine-book[data-shunbao-edge=previous] .zine-zoom{cursor:w-resize}.shunbao-reader .zine-book[data-shunbao-edge=next],.shunbao-reader .zine-book[data-shunbao-edge=next] .zine-zoom{cursor:e-resize}.shunbao-reader .zine-book__face{box-shadow:0 0 24px #16181d00}.shunbao-reader .zine-book__leaf.is-turning .zine-book__face{animation:.65s ease-in-out both shunbao-leaf-shadow}@keyframes shunbao-leaf-shadow{0%,to{box-shadow:0 0 24px #16181d00}50%{box-shadow:0 0 28px #16181d38}}.shunbao-reader .zine-book[data-shunbao-hint]:before,.shunbao-reader .zine-book[data-shunbao-hint]:after{z-index:3;pointer-events:none;position:absolute}.shunbao-reader .zine-book[data-shunbao-hint]:before{content:"";width:32px;animation:.3s ease-out both shunbao-hint-in;top:0;bottom:0}.shunbao-reader .zine-book[data-shunbao-hint]:after{color:#fff;background:#16181db8;place-items:center;width:36px;height:56px;margin-top:-28px;padding-bottom:4px;font-size:32px;font-weight:700;line-height:1;animation:.3s ease-out both shunbao-hint-in,1.2s ease-in-out .6s 3 shunbao-hint-nudge;display:grid;top:50%}.shunbao-reader .zine-book[data-shunbao-hint=next]:before{background:linear-gradient(270deg,#16181d29,#16181d00);right:0}.shunbao-reader .zine-book[data-shunbao-hint=next]:after{content:"›";--shunbao-hint-nudge:-8px;border-radius:28px 0 0 28px;right:0;box-shadow:-6px 0 18px #16181d2e}.shunbao-reader .zine-book[data-shunbao-hint=previous]:before{background:linear-gradient(90deg,#16181d29,#16181d00);left:0}.shunbao-reader .zine-book[data-shunbao-hint=previous]:after{content:"‹";--shunbao-hint-nudge:8px;border-radius:0 28px 28px 0;left:0;box-shadow:6px 0 18px #16181d2e}.shunbao-reader .zine-book[data-shunbao-hint][data-shunbao-hint-leaving]:before,.shunbao-reader .zine-book[data-shunbao-hint][data-shunbao-hint-leaving]:after{animation:.3s ease-in both shunbao-hint-out}@keyframes shunbao-hint-in{0%{opacity:0}to{opacity:1}}@keyframes shunbao-hint-out{0%{opacity:1}to{opacity:0}}@keyframes shunbao-hint-nudge{0%,to{transform:translate(0)}50%{transform:translateX(var(--shunbao-hint-nudge))}}@media (prefers-reduced-motion:reduce){.shunbao-reader .zine-book[data-shunbao-hint]:after{animation:.3s ease-out both shunbao-hint-in}}