.work-detail-page{margin-top:-120px}@media (max-width:1024px){.work-detail-page{margin-top:-80px}}.work-detail-page .container{max-width:1920px;margin:0 auto;padding:0}.related-articles-section .container,.related-works-section .container{padding:0 1.5rem}@media (max-width:768px){.related-articles-section .container,.related-works-section .container{padding:0 .75rem}}.work-banner{aspect-ratio:16/9;background:#f5f5f5;width:100%;position:relative;overflow:hidden}html.dark .work-banner{background:#1a1a1a}.work-banner-image{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.work-info-section{padding:6rem 0}.work-info-section>.container{padding:0 1.5rem}@media (max-width:768px){.work-info-section{padding:4rem 0}.work-info-section>.container{padding:0 .75rem}}.work-info-grid{flex-wrap:wrap;gap:0;display:flex}@media (max-width:768px){.work-info-grid{display:block}}.work-info-table{letter-spacing:-.02em;flex:0 0 50%;width:50%;padding:0 1.5rem;font-size:14px}@media (max-width:768px){.work-info-table{flex:0 0 100%;width:100%;padding:0 .75rem}}.work-info-table table{border-collapse:collapse;width:100%}.work-info-table tr{border-bottom:1px solid}.work-info-table th,.work-info-table td{text-align:left;vertical-align:top;padding:1rem 0}.work-info-table th{word-break:break-all;width:80px;min-width:80px;font-weight:400}.work-title-row{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:2rem;display:flex}.work-info-table h1{word-break:break-all;margin:0;font-size:4rem;font-weight:700;line-height:1.125}.work-info-table .work-subtitle{word-break:keep-all;margin:0;font-size:3rem;line-height:1.125}@media (max-width:1024px){.work-title-row{flex-direction:column;gap:.25rem}.work-info-table h1,.work-info-table .work-subtitle{font-size:2rem}}.work-info-content{flex:0 0 50%;width:50%;padding-top:4.5rem;padding-left:4rem;padding-right:1.5rem}@media (max-width:768px){.work-info-content{flex:0 0 100%;width:100%;padding:1rem .75rem 0}}.work-description{max-width:36rem;margin-left:auto;line-height:1.8}.work-detail-page .article-content,.work-detail-page .article-content p{color:inherit}@media (max-width:768px){.work-description{max-width:100%;margin-left:0;font-size:.875rem}}.work-links{flex-wrap:wrap;gap:1.5rem;max-width:36rem;margin-top:1.5rem;margin-left:auto;display:flex}@media (max-width:768px){.work-links{max-width:100%;margin-left:0}}.work-link{color:inherit;text-underline-offset:2px;word-break:break-all;align-items:center;gap:4px;text-decoration:underline;display:inline-flex}.work-link:hover{opacity:.7}.link-arrow{margin-bottom:2px;margin-left:4px;display:inline-block}.work-gallery{background:#fff}.work-gallery .container{max-width:100%}html.dark .work-gallery{background:#0a0a0a}.gallery-item{margin-bottom:0}.gallery-image,.gallery-video{width:100%;height:auto;display:block}.no-gallery{text-align:center;color:#666;padding:64px}.related-articles-section{background:#fff;padding:128px 24px}@media (max-width:768px){.related-articles-section{padding:64px 12px}}html.dark .related-articles-section{background:#0a0a0a}.related-articles-grid{border-top:2px solid #e5e5e5;grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:768px){.related-articles-grid{grid-template-columns:1fr}}html.dark .related-articles-grid{border-color:#333}.related-articles-header{padding:16px 0}.related-title-en{letter-spacing:-.02em;font-size:32px;font-weight:700}@media (max-width:768px){.related-title-en{font-size:24px}}.related-title-cn{font-size:20px}@media (max-width:768px){.related-title-cn{font-size:16px}}.related-articles-list{flex-direction:column;display:flex}.related-article-link{color:inherit;border-bottom:2px solid #e5e5e5;padding:12px 0;text-decoration:none;transition:opacity .2s;display:block}html.dark .related-article-link{border-color:#333}.related-article-link:hover{opacity:.7}.related-article-title{letter-spacing:-.02em;font-size:24px}@media (max-width:768px){.related-article-title{font-size:18px}}.related-works-section{color:#fff;background:#000;padding:32px 12px 96px}@media (max-width:768px){.related-works-section{padding:40px 0 64px}}.related-works-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (max-width:768px){.related-works-grid{grid-template-columns:1fr}}.related-work-item{color:inherit;padding-top:64px;text-decoration:none;display:block;position:relative}@media (max-width:768px){.related-work-item{padding-top:24px}}.related-work-title{letter-spacing:-.02em;padding:0 12px;font-size:32px;font-weight:700}@media (max-width:768px){.related-work-title{font-size:20px}}.related-work-poster-wrapper{margin-top:16px;padding:0 12px;position:relative}.related-work-link{aspect-ratio:3/2;display:block;position:relative;overflow:hidden}.related-work-poster{object-fit:cover;width:100%;height:100%;transition:transform .5s;position:absolute;inset:0}.related-work-item:hover .related-work-poster{transform:scale(1.05)}.related-work-overlay-title{letter-spacing:-.02em;text-align:center;z-index:1;pointer-events:none;font-size:128px;font-weight:700;line-height:1;position:absolute;bottom:0;left:12px;right:12px;transform:translateY(30%)}@media (max-width:768px){.related-work-overlay-title{font-size:48px}}.back-to-list{text-align:center;background:#fff;padding:48px 24px}html.dark .back-to-list{background:#0a0a0a}.back-link{color:inherit;opacity:.6;font-size:14px;text-decoration:none;transition:opacity .2s}.back-link:hover{opacity:1}
