/* IP 与职业照片分层，保留来源像素与完整画面。 */
.career-scene{position:relative;display:block;aspect-ratio:3/2;overflow:hidden;isolation:isolate;border-radius:14px;background:#f4eddc}
.career-scene>img.scene-photo,.career-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:0;border-radius:0;aspect-ratio:auto;transition:transform .65s var(--ease)}
.career-ip{position:absolute;inset:auto 2.5% 3% auto;display:block;width:19%;height:40%;z-index:3;pointer-events:none;filter:drop-shadow(0 2px 1px #fff) drop-shadow(0 4px 4px #17282035);transform-origin:50% 100%;transition:transform .5s var(--ease);font-style:normal}
.career-ip>.ip-art{display:block;width:100%;height:100%;overflow:visible}
.ip-prop{position:absolute;right:-5%;bottom:0;width:40%;aspect-ratio:1;display:grid;place-items:center;border:2px solid #fffdf4;border-radius:50%;background:#ffdf3d;color:#293b33;rotate:9deg;box-shadow:0 2px 5px #162a3322}
.ip-prop>svg{width:65%;height:65%}
[data-career=hotel] .career-ip,[data-career=streamer] .career-ip,[data-career=designer] .career-ip,[data-career=data] .career-ip,[data-career=drone] .career-ip,[data-career=harvest] .career-ip{left:2.5%;right:auto}
[data-career=pets] .career-ip,[data-career=care] .career-ip{width:14%;height:34%;right:2%;bottom:2%}
[data-career=extra] .career-ip,[data-career=actor] .career-ip{width:15%;height:32%}
[data-career=rider] .career-ip{top:3%;left:2%;bottom:auto;right:auto;width:14%;height:29%}
.work-card{background:transparent;aspect-ratio:auto;color:var(--ink);overflow:visible;border-radius:14px;box-shadow:none}
.work-card:after{display:none}
.work-card>.career-scene{width:100%}
.work-card .work-caption{position:relative;inset:auto;display:flex;padding:19px 2px 6px;min-height:115px}
.work-card .work-caption strong{font-size:28px;line-height:1.2;margin:7px 0 8px}
.work-card .work-category{color:#686b59;opacity:1;font-size:10px;letter-spacing:.05em}
.work-card .work-caption>span:last-child{font-size:12px;color:#636858;opacity:1}
.work-card .card-arrow{z-index:4;background:#fffef6e8;color:#333c2c;border:none;width:30px;height:30px;top:12px;right:12px;backdrop-filter:none}
.work-card:hover .scene-photo{transform:scale(1.025)}
.work-card:focus-visible .career-ip,.work-card:hover .career-ip,.hero-photo:focus-visible .career-ip,.hero-photo:hover .career-ip,.case-grid a:hover .career-ip{transform:translateY(-5px) rotate(-5deg)}
.work-grid .work-card{aspect-ratio:auto;max-width:none}
.work-grid{row-gap:32px}
.hero-photo .career-ip{width:22%;height:31%;bottom:12%;filter:drop-shadow(0 1px 1px #fff) drop-shadow(0 2px 2px #12362b33)}
.hero-photo[data-career=hotel] .career-ip{left:auto;right:2%;top:8%;bottom:auto;height:28%}
.hero-photo[data-career=pets] .career-ip{height:26%;width:15%;top:8%;bottom:auto;right:3%}
.hero-photo[data-career=drone] .career-ip{height:42%;width:20%;bottom:16%}
.home[data-mood] .hero-photo .ip-art{filter:none;object-position:initial}
.hero-photo.skill-active{z-index:6}
.hero-photo .ip-prop{border-width:1px}
.photo-frame:has(.career-scene){aspect-ratio:auto!important}
.photo-frame>.career-scene{border-radius:14px 14px 0 0}
.case-grid .career-scene{margin-bottom:0}
.case-grid .career-scene>img{aspect-ratio:auto;border-radius:0}
dialog .modal-career{width:100%;aspect-ratio:3/2;border-radius:12px}
.ip-catalog-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px}
.ip-catalog-card{text-align:left;padding:0;min-width:0}
.ip-catalog-stage{display:block;position:relative;aspect-ratio:1;background:#f5edcd;border-radius:16px;overflow:hidden}
.ip-catalog-card:nth-child(3n+2) .ip-catalog-stage{background:#dceee7}
.ip-catalog-card:nth-child(3n) .ip-catalog-stage{background:#ece5fa}
.ip-catalog-stage[data-career] .career-ip{width:70%;height:81%;left:15%;right:auto;top:auto;bottom:7%;filter:drop-shadow(0 3px 1px #fff);transition:transform .45s var(--ease)}
.ip-catalog-stage .ip-prop{width:26%;right:0;bottom:0}
.ip-catalog-card>span:last-of-type{display:flex;justify-content:space-between;align-items:center;margin:14px 2px 3px}
.ip-catalog-card strong{font-size:17px;font-weight:600}
.ip-catalog-card small{font-size:10px;color:#777c6d}
.ip-catalog-card:hover .career-ip,.ip-catalog-card:focus-visible .career-ip{transform:translateY(-6px) rotate(-5deg)}
.career-catalog .section-head>p{max-width:250px}
@media(max-width:900px){.ip-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.work-card{flex-basis:88vw;max-width:450px}.work-card .work-caption{min-height:108px;padding-top:17px}.work-grid .work-caption{inset:auto}.work-grid .work-caption strong{font-size:28px}.career-ip{width:18%;height:38%}.ip-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.ip-catalog-card strong{font-size:16px}.ip-catalog-card small{font-size:10px}.hero-photo .career-ip{width:25%;height:30%;bottom:14%}.hero-photo[data-career=pets] .career-ip{width:18%;height:27%}.hero-photo[data-career=drone] .career-ip{width:24%;height:41%;bottom:18%}.hero-photo .ip-prop{width:45%}.work-bottom .ip-catalog-link{display:none}}
@media(prefers-reduced-motion:reduce){.career-ip,.scene-photo{transition:none!important;transform:none!important}}
.motion-paused .career-ip,.motion-paused .scene-photo{transition:none!important;transform:none!important}

.work-gallery{scroll-padding-inline:max(48px,calc((100vw - 1248px)/2))}
@media(max-width:560px){.work-gallery{scroll-padding-inline:20px}}

.entry-qr{display:grid;justify-items:center;gap:12px;margin:20px 0 26px}.entry-qr img{width:min(258px,100%);height:auto;aspect-ratio:1;object-fit:contain;background:#fff;padding:10px;border-radius:16px;border:1px solid #e7e5d8}.entry-qr figcaption{font-size:14px;font-weight:600;color:#333e2c}.header a[aria-current=page]{text-decoration:underline;text-underline-offset:8px;text-decoration-color:#f3b11c}

.port-label{display:flex;align-items:center;gap:12px;font-size:13px}.port-label img{width:56px;height:56px;border-radius:12px;object-fit:contain}.product-tile-top{align-items:center;margin-bottom:20px}.app-signature{display:flex;align-items:center;gap:14px;margin:0 0 28px;font-size:14px;letter-spacing:.02em}.app-signature img{width:64px;height:64px;object-fit:contain;border-radius:14px}
.home[data-mood=nature] .hero-photo[data-career=hotel] .career-ip{top:23%;right:7%;height:26%;width:20%}
.home[data-mood=nature] .hero-photo[data-career=pets] .career-ip{top:21%;right:8%;height:27%;width:18%}
dialog h2{text-wrap:balance}

/* 新增五职业：场景图按对应角落留白，图鉴继续使用独立的居中大图规则。 */
.career-scene[data-career="room-service"] .career-ip,
.career-scene[data-career="construction"] .career-ip,
.career-scene[data-career="guide"] .career-ip{left:auto;right:2.5%;top:auto;bottom:3%;width:17%;height:38%}
.career-scene[data-career="logistics"] .career-ip,
.career-scene[data-career="ecommerce"] .career-ip{left:2.5%;right:auto;top:auto;bottom:3%;width:17%;height:38%}
dialog h2.career-modal-title{display:flex;flex-wrap:wrap;column-gap:.25em;text-wrap:wrap}
dialog h2.career-modal-title>span{display:inline-block;white-space:nowrap;color:inherit}