/* 方向04作品总览：独立封面/背景选图后的局部玻璃层，不改变其他页面。 */
.works-page .work-stage{background:#efefeb}
.works-page .stage-heading{padding-bottom:16px;border-bottom:1px solid rgb(255 255 255 / 70%)}
.works-page .stage-heading button{border:1px solid rgb(255 255 255 / 88%);border-radius:40px;padding:9px 14px;background:linear-gradient(145deg,rgb(255 255 255 / 64%),rgb(255 255 255 / 14%));box-shadow:inset 0 1px 0 #fff,0 4px 14px rgb(31 31 31 / 5%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.works-page .inline-cover{padding:12px;border:1px solid rgb(255 255 255 / 92%);border-radius:10px;background:linear-gradient(135deg,rgb(255 255 255 / 62%),rgb(255 255 255 / 18%));box-shadow:inset 0 1px 0 #fff,0 12px 30px rgb(32 32 32 / 10%)}
.works-page .project-entry[data-project=jian] .inline-cover{max-width:520px}
@media(min-width:901px) and (hover:hover) and (pointer:fine){
 .works-page .backdrop-images img.is-active{opacity:.78}
 .works-page .backdrop-wash{background:linear-gradient(90deg,rgb(242 243 240 / 96%) 0%,rgb(242 243 240 / 95%) 26%,rgb(242 243 240 / 87%) 43%,rgb(242 243 240 / 41%) 62%,rgb(242 243 240 / 9%) 100%)}
 .works-page .backdrop-wash::before{content:none}
 .works-page .preview-window{position:relative;isolation:isolate;padding:18px;border:1px solid rgb(255 255 255 / 88%);border-radius:14px;background:linear-gradient(135deg,rgb(255 255 255 / 39%) 0%,rgb(255 255 255 / 12%) 48%,rgb(255 255 255 / 25%) 100%);backdrop-filter:blur(22px) saturate(1.2);-webkit-backdrop-filter:blur(22px) saturate(1.2);box-shadow:0 28px 70px rgb(24 24 24 / 17%),0 7px 20px rgb(24 24 24 / 7%),inset 1px 1px 0 rgb(255 255 255 / 95%),inset -1px -1px 0 rgb(255 255 255 / 38%)}
 .works-page .preview-window::before{content:'';position:absolute;z-index:0;inset:4px;border:1px solid rgb(255 255 255 / 35%);border-radius:10px;pointer-events:none;background:linear-gradient(135deg,rgb(255 255 255 / 32%),transparent 30%,transparent 75%,rgb(255 255 255 / 10%))}
 .works-page .preview-window>*{position:relative;z-index:1}
 .works-page .preview-label{margin-bottom:14px;padding:1px 1px 3px;line-height:1.4;color:#242424}
 .works-page .floating-preview{border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgb(255 255 255 / 72%),0 4px 14px rgb(35 35 35 / 10%)}
 .works-page .floating-preview img{filter:none;border-radius:3px;background:#fff}
 .works-page .preview-window:has(a:hover){transform:translateY(-3px);box-shadow:0 32px 76px rgb(24 24 24 / 20%),0 8px 22px rgb(24 24 24 / 8%),inset 1px 1px 0 rgb(255 255 255 / 95%),inset -1px -1px 0 rgb(255 255 255 / 38%)}
}
@media(max-width:600px){.works-page .project-entry[data-project=jian] .inline-cover{max-width:100%}.works-page .inline-cover{padding:9px}.works-page .stage-heading button{font-size:10px;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.works-page .preview-window{transition:none;transform:none!important}}

/* My Font 的背景为真实文字：只使用本地 MyFont-Regular.ttf，装饰层不参与鼠标事件。 */
@media(min-width:901px) and (hover:hover) and (pointer:fine){
 .works-page .typography-backdrop{position:absolute;inset:0;overflow:hidden;background:#f1f0eb;color:#111;opacity:0;transition:opacity .6s ease;pointer-events:none;font-family:'My Font',serif;font-weight:400;font-style:normal;font-synthesis:none}
 .works-page .typography-backdrop.is-active{opacity:.9}
 .works-page .type-sheet{position:absolute;inset:6vh 2.8vw 5.5vh 53%;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
 .works-page .type-large{font-size:clamp(230px,27vw,460px);line-height:.94;letter-spacing:-.04em;white-space:nowrap}
 .works-page .type-lines{font-size:clamp(28px,3.5vw,63px);line-height:1.08;letter-spacing:-.012em;white-space:nowrap}
 .works-page .type-lines>div:nth-child(3){margin-top:12px}
 .works-page .type-numbers{margin-top:16px;color:#8c211b;font-size:1.25em;letter-spacing:.02em}
}