.site-work-detail-skeleton[data-v-1d9c14b4]{min-height:100vh;background:#f5f4f0}.site-main[data-v-1d9c14b4]{margin:0 auto;padding:20px 40px}@keyframes skeleton-ani-data-v-1d9c14b4{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton-ani[data-v-1d9c14b4]{background:linear-gradient(90deg,#e8e5df 20%,#ddd8d0 40%,#e8e5df 60%);background-size:200% 100%;animation:skeleton-ani-data-v-1d9c14b4 1.35s ease-in-out infinite}.sk-hero.hero-case[data-v-1d9c14b4]{display:flex;height:420px}.sk-hero-left[data-v-1d9c14b4]{width:450px;flex-shrink:0;padding:70px 70px 0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;background:#f5f4f0}.sk-divider[data-v-1d9c14b4]{width:32px;height:4px;margin-bottom:20px;border-radius:2px}.sk-line[data-v-1d9c14b4]{border-radius:6px;margin-bottom:10px}.sk-title-en[data-v-1d9c14b4]{width:78%;height:26px}.sk-title-cn[data-v-1d9c14b4]{width:58%;height:14px}.sk-studio[data-v-1d9c14b4]{width:72%;height:12px;margin-bottom:20px}.sk-meta-grid[data-v-1d9c14b4]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:8px}.sk-meta-label[data-v-1d9c14b4]{width:70%;height:8px;margin-bottom:6px}.sk-meta-value[data-v-1d9c14b4]{width:85%;height:11px;margin-bottom:0}.sk-hero-right[data-v-1d9c14b4]{flex:1;min-width:0}.sk-content-layout.content-layout[data-v-1d9c14b4]{display:grid;grid-template-columns:450px minmax(0,1fr) 15% 15%;align-items:start;margin-top:100px}.sk-col-text[data-v-1d9c14b4]{width:450px;padding:0 70px;box-sizing:border-box}.sk-text-line[data-v-1d9c14b4]{height:11px;margin-bottom:14px;width:100%}.sk-text-line[data-v-1d9c14b4]:nth-child(odd){width:92%}.sk-col-images[data-v-1d9c14b4]{grid-column:2;min-width:0}.sk-main-image[data-v-1d9c14b4]{width:100%;aspect-ratio:16/10;margin-bottom:24px;border-radius:2px}.sk-submission[data-v-1d9c14b4]{padding:40px 0 48px;border-top:1px solid #e0dcd6;margin-top:8px}.sk-sub-line[data-v-1d9c14b4]{height:11px;margin-bottom:16px;width:100%;border-radius:4px}.sk-sub-line[data-v-1d9c14b4]:last-of-type{width:88%}.sk-submission-btn[data-v-1d9c14b4]{margin-top:20px;width:100%;height:52px;border-radius:2px}.sk-col-spacer[data-v-1d9c14b4]{grid-column:3;min-height:1px}.sk-col-cards[data-v-1d9c14b4]{grid-column:4/5;padding:0 0 48px;min-width:0}.sk-side-card[data-v-1d9c14b4]{border:1px solid #e0dcd6;margin-bottom:24px;overflow:hidden}.sk-side-img[data-v-1d9c14b4]{width:100%;aspect-ratio:3/4}.sk-side-info[data-v-1d9c14b4]{padding:20px 20px 24px;background:#fbfaf8}.sk-side-meta .sk-line-xs[data-v-1d9c14b4]{margin-bottom:4px}.sk-line-xs[data-v-1d9c14b4]{height:8px;width:80%}.sk-line-en[data-v-1d9c14b4]{height:9px;width:72%;margin-top:12px}.sk-line-cn[data-v-1d9c14b4]{height:9px;width:64%}.sk-line-desc[data-v-1d9c14b4]{height:9px;width:90%;margin-top:42px}.sk-other-grid[data-v-1d9c14b4]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:60px;margin-bottom:24px;margin-right:280px}.sk-grid-img[data-v-1d9c14b4]{width:100%;aspect-ratio:1;border-radius:2px}.sk-grid-info[data-v-1d9c14b4]{margin-top:20px;padding:14px 16px;border:1px solid #d8d7d4;background:#fbfaf8;min-height:120px}.sk-grid-head[data-v-1d9c14b4]{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.sk-line-studio[data-v-1d9c14b4]{width:44%;height:10px}.sk-line-title[data-v-1d9c14b4]{width:36%;height:10px}.sk-grid-info .sk-line-xs[data-v-1d9c14b4]{margin-bottom:4px;width:100%}.sk-pagination.work-detail-pagination-wrap[data-v-1d9c14b4]{margin-right:280px;margin-bottom:60px}.sk-pager-inner[data-v-1d9c14b4]{display:grid;grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);gap:10px;align-items:center;min-height:48px}.sk-pager-side[data-v-1d9c14b4]{height:34px;border-radius:2px}.sk-pager-num[data-v-1d9c14b4]{width:28px;height:18px;margin:0 auto;border-radius:4px}@media (max-width:768px){.site-main[data-v-1d9c14b4]{padding:20px 16px}.sk-hero.hero-case[data-v-1d9c14b4]{flex-direction:column;height:auto;gap:16px}.sk-hero-left[data-v-1d9c14b4]{width:100%;padding:0}.sk-hero-right[data-v-1d9c14b4]{width:100%;height:240px}.sk-content-layout.content-layout[data-v-1d9c14b4]{display:flex;flex-direction:column;margin-top:40px}.sk-col-text[data-v-1d9c14b4]{width:100%;padding:0}.sk-col-images[data-v-1d9c14b4]{grid-column:auto}.sk-col-spacer[data-v-1d9c14b4]{display:none}.sk-col-cards[data-v-1d9c14b4]{grid-column:auto;padding:0}.sk-main-image[data-v-1d9c14b4]{aspect-ratio:16/9}.sk-other-grid[data-v-1d9c14b4],.sk-pagination.work-detail-pagination-wrap[data-v-1d9c14b4]{margin-right:0}.sk-other-grid[data-v-1d9c14b4]{grid-template-columns:repeat(2,minmax(0,1fr))}}.site-work-detail-page[data-v-7a1eca98]{position:relative;background:#f5f4f0;min-height:100vh}.page-loading-overlay[data-v-7a1eca98]{position:absolute;inset:0;z-index:60;pointer-events:none;opacity:.94}.site-main[data-v-7a1eca98]{margin:0 auto;padding:20px 40px}.hero-case[data-v-7a1eca98]{display:flex;height:420px;cursor:pointer}.hero-left[data-v-7a1eca98]{width:450px;flex-shrink:0;padding:70px 70px 0 70px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;background:#f5f4f0}.hero-fav-actions[data-v-7a1eca98]{margin-bottom:12px}.hero-fav-btn[data-v-7a1eca98]{height:32px;padding:0 14px;border:1px solid #c4c0b8;border-radius:6px;background:#fff;font-size:12px;color:#333;cursor:pointer;font-family:inherit}.hero-fav-btn[data-v-7a1eca98]:hover{border-color:#999;background:#fafafa}.hero-title-en[data-v-7a1eca98]{font-size:32px;font-weight:400;color:#1a1a1a;margin:0 0 6px;line-height:1.2}.hero-title-cn[data-v-7a1eca98]{font-size:16px;font-weight:400;color:#1a1a1a;margin:0 0 12px}.hero-studio[data-v-7a1eca98]{font-size:12px;color:#666;margin:0 0 24px}.hero-divider[data-v-7a1eca98]{width:32px;height:4px;background:#bbb;margin-bottom:20px}.hero-meta-grid[data-v-7a1eca98]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.meta-item[data-v-7a1eca98]{display:flex;flex-direction:column;gap:2px}.meta-label[data-v-7a1eca98]{font-size:10px;color:#999;letter-spacing:.5px}.meta-value[data-v-7a1eca98]{font-size:12px;color:#333}.hero-right[data-v-7a1eca98]{flex:1;overflow:hidden}.content-layout[data-v-7a1eca98]{display:grid;grid-template-columns:450px minmax(0,1fr) 15% 15%;align-items:start;margin-top:100px}.col-text[data-v-7a1eca98]{width:450px;padding:0 70px;box-sizing:border-box;position:sticky;top:60px;align-self:start;background:#f5f4f0;z-index:2}.text-cn[data-v-7a1eca98]{font-size:13px;color:#333;line-height:2;margin:0 0 32px;white-space:pre-line}.text-en[data-v-7a1eca98]{font-size:12px;color:#888;line-height:1.8;margin:0;white-space:pre-line}.col-images[data-v-7a1eca98]{grid-column:2;min-width:0}.main-img-wrap[data-v-7a1eca98]{position:relative;width:100%;overflow:hidden;margin-bottom:24px}.main-img-inner[data-v-7a1eca98]{cursor:pointer}.main-img-wrap:hover .el-image[data-v-7a1eca98]{transform:scale(1.02);transition:transform .4s}.main-img-wrap .el-image[data-v-7a1eca98]{width:100%;display:block}.main-img-fav-bar[data-v-7a1eca98]{right:14px;bottom:14px;transform:translateY(4px)}.main-img-fav-bar[data-v-7a1eca98],.main-img-preview-trigger[data-v-7a1eca98]{position:absolute;z-index:2;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}.main-img-preview-trigger[data-v-7a1eca98]{left:50%;top:50%;transform:translate(-50%,calc(-50% + 6px))}.main-img-wrap:focus-within .main-img-fav-bar[data-v-7a1eca98],.main-img-wrap:hover .main-img-fav-bar[data-v-7a1eca98]{opacity:1;transform:translateY(0);pointer-events:auto}.main-img-wrap:focus-within .main-img-preview-trigger[data-v-7a1eca98],.main-img-wrap:hover .main-img-preview-trigger[data-v-7a1eca98]{opacity:1;transform:translate(-50%,-50%);pointer-events:auto}.main-img-preview-btn[data-v-7a1eca98]{width:44px;height:44px;border:none;cursor:pointer;background:transparent url(../../static/img/Image-librar-icon.5c34241e.svg) 50%/26px auto no-repeat;transition:transform .2s ease}.main-img-preview-btn[data-v-7a1eca98]:hover{transform:translateY(-1px)}.main-img-fav-btn[data-v-7a1eca98]{position:relative;width:46px;height:46px;padding:0;border:none;border-radius:12px;background:transparent url(../../static/img/collection-icon.8219d01f.svg) 50%/contain no-repeat;cursor:pointer;transition:transform .2s ease}.main-img-fav-btn[data-v-7a1eca98]:hover{transform:translateY(-1px)}.library-preview-mask[data-v-7a1eca98]{position:fixed;inset:0;z-index:3000;background:hsla(0,0%,100%,.72);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center}.library-preview-stage[data-v-7a1eca98]{position:relative;width:calc(100vw - 320px);height:calc(100vh - 120px);max-width:1120px;max-height:760px;background:hsla(0,0%,100%,.04);display:flex;align-items:center;justify-content:center}.library-preview-stage-inner[data-v-7a1eca98]{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.library-preview-stage-inner .library-preview-image[data-v-7a1eca98]{width:900px;max-width:100%;height:auto;max-height:100%;display:block;-o-object-fit:contain;object-fit:contain}.library-preview-image-frame[data-v-7a1eca98]{position:absolute;pointer-events:none;box-sizing:border-box}.library-preview-nav[data-v-7a1eca98]{top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid rgba(0,0,0,.16);background:hsla(0,0%,100%,.92);color:#222;font-size:16px;transition:opacity .2s ease,transform .2s ease}.library-preview-close[data-v-7a1eca98],.library-preview-nav[data-v-7a1eca98]{position:absolute;cursor:pointer;display:flex;align-items:center;justify-content:center}.library-preview-close[data-v-7a1eca98]{top:20px;right:20px;z-index:3001;width:44px;height:44px;padding:0;margin:0;border:none;background:transparent;border-radius:50%;transition:background .2s ease,opacity .2s ease}.library-preview-close[data-v-7a1eca98]:hover{background:rgba(0,0,0,.06)}.library-preview-close[data-v-7a1eca98]:focus-visible{outline:2px solid rgba(92,99,72,.5);outline-offset:2px}.library-preview-logo-wrap[data-v-7a1eca98]{position:absolute;left:calc(18% - 190px);top:50%;transform:translateY(-50%);width:160px;pointer-events:none}.library-preview-logo[data-v-7a1eca98]{width:100%;height:auto;display:block}.library-preview-nav[data-v-7a1eca98]:hover:not(:disabled){transform:translateY(-50%) scale(1.02)}.library-preview-nav[data-v-7a1eca98]:disabled{opacity:.45;cursor:not-allowed}.library-preview-fav-btn[data-v-7a1eca98]{position:absolute;right:16px;bottom:16px;width:46px;height:46px;padding:0;border:0!important;border-radius:0!important;background:url(../../static/img/collection-icon.8219d01f.svg) 50%/contain no-repeat!important;background-color:transparent!important;cursor:pointer;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none!important;outline:none!important}.library-preview-fav-btn[data-v-7a1eca98]:active,.library-preview-fav-btn[data-v-7a1eca98]:focus,.library-preview-fav-btn[data-v-7a1eca98]:focus-visible,.library-preview-fav-btn[data-v-7a1eca98]:hover{border:0!important;border-radius:0!important;background-color:transparent!important;box-shadow:none!important;outline:none!important}.library-preview-fav-btn:focus-visible .main-img-fav-tip[data-v-7a1eca98],.library-preview-fav-btn:hover .main-img-fav-tip[data-v-7a1eca98]{opacity:1;visibility:visible;transform:translateY(0)}.library-preview-fade-enter-active[data-v-7a1eca98],.library-preview-fade-leave-active[data-v-7a1eca98]{transition:opacity .2s ease}.library-preview-fade-enter[data-v-7a1eca98],.library-preview-fade-leave-to[data-v-7a1eca98]{opacity:0}.main-img-fav-tip[data-v-7a1eca98]{position:absolute;right:-4px;bottom:calc(100% + 10px);white-space:nowrap;font-size:12px;line-height:1.3;color:#333;background:hsla(0,0%,100%,.95);border-radius:999px;padding:8px 14px;box-shadow:0 4px 12px rgba(0,0,0,.12);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease,visibility .2s;pointer-events:none}.main-img-fav-tip[data-v-7a1eca98]:after{content:"";position:absolute;right:16px;top:100%;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid hsla(0,0%,100%,.95)}.main-img-fav-btn:focus-visible .main-img-fav-tip[data-v-7a1eca98],.main-img-fav-btn:hover .main-img-fav-tip[data-v-7a1eca98]{opacity:1;visibility:visible;transform:translateY(0)}.submission-banner[data-v-7a1eca98]{padding:40px 0 48px;border-top:1px solid #e0dcd6;margin-top:8px}.submission-text[data-v-7a1eca98]{font-size:13px;color:#333;line-height:2;margin:0 0 20px}.submission-link[data-v-7a1eca98]{color:#333;text-decoration:underline;text-underline-offset:3px}.submission-link[data-v-7a1eca98]:hover{color:#000}.submission-btn-wrap[data-v-7a1eca98]{margin-top:32px}.submission-btn[data-v-7a1eca98]{display:block;width:100%;height:52px;line-height:52px;text-align:center;border:1px solid #ccc;background:#fff;color:#333;font-size:14px;letter-spacing:1px;text-decoration:none;transition:all .2s}.submission-btn[data-v-7a1eca98]:hover{border-color:#333;color:#000}.col-cards[data-v-7a1eca98]{grid-column:4;padding:0 0 48px;display:flex;flex-direction:column;position:sticky;top:60px;align-self:start;background:#f5f4f0;z-index:2}.side-card[data-v-7a1eca98]{cursor:pointer;transition:opacity .2s;width:100%;margin-bottom:24px;border:1px solid #e0dcd6}.side-card[data-v-7a1eca98]:hover{opacity:.85}.side-card-img[data-v-7a1eca98]{width:100%;aspect-ratio:3/4;display:block}.side-card-info[data-v-7a1eca98]{padding:20px 20px 24px;color:#3a3a3a}.side-meta-row[data-v-7a1eca98]{margin-top:10px;margin-bottom:16px;font-size:14px}.side-label[data-v-7a1eca98]{font-size:11px;color:#555;margin:0 0 3px;line-height:1.6}.side-title-en[data-v-7a1eca98]{font-size:9px;font-weight:400;color:#888;margin:14px 0 6px;line-height:1.6;text-align:right}.side-title[data-v-7a1eca98]{font-size:9px;font-weight:500;color:#1a1a1a;margin:0 0 6px;line-height:1.6;text-align:right}.side-desc[data-v-7a1eca98]{font-size:10px;color:#333;margin:0 0 12px;line-height:1.9;margin-top:42px}.side-desc-en[data-v-7a1eca98]{font-size:10px;color:#666;margin:0;line-height:1.8}.other-cases-grid[data-v-7a1eca98]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:60px;margin-bottom:60px;margin-right:280px}.grid-card[data-v-7a1eca98]{cursor:pointer;transition:opacity .2s}.grid-card[data-v-7a1eca98]:hover{opacity:.9}.grid-card-img-wrap[data-v-7a1eca98]{width:100%;aspect-ratio:1;overflow:hidden}.grid-card-img[data-v-7a1eca98]{width:100%;height:100%;display:block}.grid-card-info[data-v-7a1eca98]{margin-top:20px;padding:14px 16px;background:#fbfaf8;border:1px solid #d8d7d4;min-height:120px}.grid-card-header[data-v-7a1eca98]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;font-size:12px;line-height:1.4}.grid-studio[data-v-7a1eca98]{color:#333;font-weight:500}.grid-title[data-v-7a1eca98]{color:#666;text-align:right;font-size:14px;margin-left:8px}.grid-card-meta[data-v-7a1eca98]{font-size:10px;color:#888;line-height:1.5}.grid-card-meta p[data-v-7a1eca98]{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-detail-pagination-wrap[data-v-7a1eca98]{margin-top:0;margin-bottom:60px;margin-right:280px;padding-top:0}.work-detail-pagination-wrap[data-v-7a1eca98] .pagination-bar{min-height:48px}@media (max-width:768px){.content-layout[data-v-7a1eca98]{display:flex;flex-direction:column}.col-cards[data-v-7a1eca98],.col-text[data-v-7a1eca98]{position:static;z-index:auto;padding-left:0;padding-right:0}.other-cases-grid[data-v-7a1eca98],.work-detail-pagination-wrap[data-v-7a1eca98]{margin-right:0}.other-cases-grid[data-v-7a1eca98]{grid-template-columns:repeat(2,minmax(0,1fr))}}.login-favorite-confirm{width:420px;border-radius:0;border:1px solid #e0dcd6;box-shadow:0 10px 30px rgba(0,0,0,.08);padding-bottom:8px}.login-favorite-confirm .el-message-box__header{padding:22px 24px 10px;border-bottom:1px solid #f0ece7}.login-favorite-confirm .el-message-box__title{font-size:15px;font-weight:500;color:#1a1a1a;letter-spacing:.5px}.login-favorite-confirm .el-message-box__content{padding:18px 24px 10px}.login-favorite-confirm .el-message-box__message p{font-size:13px;line-height:1.8;color:#3a3a3a}.login-favorite-confirm .el-message-box__btns{padding:14px 24px 16px}.login-favorite-confirm .el-message-box__btns .el-button{border-radius:0;min-width:92px;height:36px;font-size:12px;letter-spacing:1px}.login-favorite-confirm .el-message-box__btns .el-button--default{color:#555;border-color:#d8d3cc;background:#fff}.login-favorite-confirm .el-message-box__btns .el-button--default:hover{color:#333;border-color:#c6beb4}.login-favorite-confirm .el-message-box__btns .el-button--primary{color:#fff;border-color:#8f7f6b;background:#8f7f6b}.login-favorite-confirm .el-message-box__btns .el-button--primary:hover{border-color:#7a6b59;background:#7a6b59}