:root{--ux-accent:#7b3045;--ux-gold:#bd985e}*:focus-visible{outline:3px solid rgba(123,48,69,.28)!important;outline-offset:3px!important}a,button{-webkit-tap-highlight-color:transparent}button:active,.primary-btn:active,.favorite-action:active,.ux-share:active{transform:scale(.975)}
.ux-toast{position:fixed;z-index:1600;left:50%;bottom:max(26px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:9px;max-width:calc(100vw - 30px);padding:11px 17px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(31,24,27,.94);color:#fff;font-size:13px;font-weight:650;box-shadow:0 12px 34px rgba(0,0,0,.24);opacity:0;pointer-events:none;transform:translate3d(-50%,12px,0);transition:opacity .2s ease,transform .25s ease}.ux-toast.show{opacity:1;transform:translate3d(-50%,0,0)}.ux-toast:before{content:'✓';display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#c5a66d;color:#2d2226;font-size:11px;font-weight:900}
.viewer-progress{height:3px;margin:0 0 17px;border-radius:999px;background:#eee8e5;overflow:hidden}.viewer-progress>i{display:block;width:var(--viewer-progress,0%);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--ux-accent),var(--ux-gold));transition:width .28s ease}.ux-share{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border:1px solid #dfd6d3;border-radius:7px;background:#fff;color:#6d6065;font-size:12px;font-weight:700;cursor:pointer;transition:.18s}.ux-share:hover{border-color:var(--ux-accent);color:var(--ux-accent)}
.favorite-action.is-loading{opacity:.65;pointer-events:none}.favorite-action.is-saved{background:#f5ebee!important;color:#792f44!important;border:1px solid #dcbfc7!important}.ux-page-leaving{pointer-events:none}.ux-page-leaving main{opacity:.82;transition:opacity .12s ease}
.ux-scroll-progress{position:fixed;left:0;top:0;z-index:1200;width:var(--ux-scroll,0%);height:3px;background:linear-gradient(90deg,var(--ux-accent),var(--ux-gold));box-shadow:0 1px 6px rgba(123,48,69,.24);pointer-events:none;transition:width .08s linear}.gallery-card .card-image:after,.person-gallery>a:first-child:after{content:'查看图集  →';position:absolute;right:12px;bottom:12px;z-index:3;padding:7px 10px;border-radius:7px;background:rgba(30,22,25,.84);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em;opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease}.gallery-card:hover .card-image:after,.person-gallery:hover>a:first-child:after{opacity:1;transform:translateY(0)}img.deferred-photo{opacity:.35;transition:opacity .28s ease}img:not(.deferred-photo){opacity:1}.gallery-card,.person-gallery{content-visibility:auto;contain-intrinsic-size:360px 420px}
@media(min-width:1051px){.content-type-nav,.v7-toolbar,.people-controls{position:sticky!important;top:88px!important;z-index:14!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.content-type-nav{background:rgba(255,255,255,.94)!important}.gallery-card .card-image,.person-gallery>a:first-child{position:relative}}
@media(max-width:700px){.ux-toast{bottom:calc(76px + env(safe-area-inset-bottom));font-size:12px}.viewer-progress{margin:0 0 10px}.ux-share{padding:5px 8px;font-size:10px}}@media(prefers-reduced-motion:reduce){.ux-toast,.viewer-progress>i,.ux-page-leaving main{transition:none!important}}
