/* WordPress 案例归档：白色艺术主题 */
body.post-type-archive-case,body.tax-case_category{background:#f7f6f3;color:#181818}
body.post-type-archive-case .navbar,body.tax-case_category .navbar{background:rgba(255,255,255,.94);border-bottom:1px solid rgba(15,23,42,.08);box-shadow:0 8px 30px rgba(15,23,42,.05);backdrop-filter:blur(16px)}
body.post-type-archive-case .nav-menu a,body.tax-case_category .nav-menu a,body.post-type-archive-case .phone-number,body.tax-case_category .phone-number{color:#151515}
.portfolio-page-main{min-height:100vh;background:radial-gradient(circle at 82% 4%,rgba(185,147,92,.12),transparent 28%),linear-gradient(180deg,#fff 0,#f8f7f4 38%,#f3f2ef 100%);color:#181818}
.portfolio-page-header{padding:155px 0 66px;text-align:center;border-bottom:1px solid rgba(15,23,42,.07)}
.portfolio-kicker{display:block;color:#9a7544;font-size:12px;font-weight:700;letter-spacing:5px;margin-bottom:16px}
.portfolio-page-header h1{font-size:clamp(38px,6vw,68px);font-weight:650;letter-spacing:-2px;margin:0 0 18px;color:#151515}
.portfolio-page-header p{max-width:620px;margin:auto;color:#6c6a65;font-size:17px;line-height:1.8}
.portfolio-page-filters{padding:28px 0;background:rgba(255,255,255,.72);border-bottom:1px solid rgba(15,23,42,.06);position:sticky;top:76px;z-index:20;backdrop-filter:blur(14px)}
.portfolio-page-filters .container{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}
.pf-filter-btn{appearance:none;border:1px solid #dedbd5;background:#fff;color:#56534e;padding:10px 22px;border-radius:999px;font:inherit;cursor:pointer;transition:.25s}
.pf-filter-btn:hover,.pf-filter-btn.active{background:#171717;color:#fff;border-color:#171717;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.portfolio-book-container{padding:64px 0 110px}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 28px}
.book-card{position:relative;min-width:0;transition:opacity .25s,transform .25s}.book-card.is-hidden{display:none}.book-card:hover{transform:translateY(-7px)}
.book-card-link{display:block;color:inherit;text-decoration:none}.book-card-cover{position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden;background:#dedbd5;box-shadow:0 18px 45px rgba(30,27,22,.12)}
.book-card-cover>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.book-card:hover .book-card-cover>img{transform:scale(1.045)}
.book-card-placeholder{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#ece9e2,#d8d3ca);color:#777;padding:25px;text-align:center}
.book-card-spine{display:none}.book-video-badge{position:absolute;left:50%;top:50%;z-index:5;transform:translate(-50%,-50%);display:grid;place-items:center;width:56px;height:56px;border-radius:50%;color:#171717;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(0,0,0,.22);font-size:18px;padding-left:3px;transition:.25s}
.book-card:hover .book-video-badge{transform:translate(-50%,-50%) scale(1.08)}.book-card.previewing .book-video-badge{opacity:0}
.book-card-info{padding:21px 5px 0}.book-card-cat{display:inline-block;color:#9a7544;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:9px}.book-card-info h2{font-size:21px;line-height:1.45;margin:0 0 7px;color:#181818;font-weight:650}.book-card-info small{display:block;color:#8a8781;font-size:13px;margin-bottom:9px}.book-card-info p{color:#6c6963;font-size:14px;line-height:1.75;margin:0}
.portfolio-video-preview{position:absolute;inset:0;z-index:3;background:#111;opacity:0;transition:opacity .25s;pointer-events:none}.portfolio-video-preview iframe,.portfolio-video-preview video{width:100%;height:100%;border:0;object-fit:cover}.previewing.preview-ready .portfolio-video-preview{opacity:1}
.book-qr-popup{position:absolute;left:50%;top:40%;z-index:8;transform:translate(-50%,-50%) scale(.8);opacity:0;visibility:hidden;background:#fff;padding:15px;border-radius:14px;box-shadow:0 18px 55px rgba(0,0,0,.2);transition:.25s}.book-card:hover .book-qr-popup{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.book-qr-popup img{display:block;width:150px;height:150px;object-fit:contain}.book-qr-popup span{display:block;text-align:center;color:#555;margin-top:8px}
.portfolio-empty{grid-column:1/-1;text-align:center;padding:90px 20px;color:#888}.portfolio-book-container .navigation.pagination{margin-top:58px}.portfolio-book-container .nav-links{display:flex;justify-content:center;gap:8px}.portfolio-book-container .page-numbers{padding:11px 16px;border-radius:9px;background:#fff;color:#444;border:1px solid #e4e1da}.portfolio-book-container .page-numbers.current{background:#171717;color:#fff;border-color:#171717}
body.post-type-archive-case .footer,body.tax-case_category .footer{margin-top:0}
@media(max-width:1024px){.book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-page-filters{top:70px}}
@media(max-width:640px){.portfolio-page-header{padding:125px 20px 48px}.portfolio-page-header h1{letter-spacing:-1px}.portfolio-page-filters{top:62px;padding:18px 0}.portfolio-page-filters .container{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.pf-filter-btn{white-space:nowrap;padding:9px 18px}.portfolio-book-container{padding:42px 0 75px}.book-grid{grid-template-columns:1fr;gap:34px}.book-card-cover{border-radius:14px}.book-card-info h2{font-size:20px}.book-video-badge{width:50px;height:50px}}

