/* Junchen delivery records. Styles are scoped to prevent conflicts. */
.jc-records,.jc-records *{box-sizing:border-box}
.jc-records{padding:76px clamp(20px,5vw,72px) 50px;background:#11161d;color:#f5f7fb;font-family:Arial,Helvetica,sans-serif;line-height:1.55;overflow:hidden}
.jc-rec-inner{max-width:1536px;margin:0 auto}
.jc-rec-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:48px;align-items:center}
.jc-rec-eyebrow{display:flex;align-items:center;gap:14px;color:#ff8a52;font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 20px}
.jc-rec-eyebrow:before{content:"";height:3px;width:36px;background:#fe5208;flex:none}
.jc-records h2{font-size:clamp(34px,4.2vw,62px);line-height:1.08;letter-spacing:-.035em;margin:0 0 24px;color:#f5f7fb}
.jc-rec-lede{max-width:560px;font-size:18px;color:#b9c2ce;margin:0 0 24px}
.jc-rec-types{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-wrap:wrap;gap:10px}
.jc-rec-types li{border:1px solid #39424f;border-radius:6px;padding:8px 12px;font-size:12px;color:#d6dde7}
.jc-rec-process-link{display:inline-flex;align-items:center;gap:18px;color:#ff8a52;font-size:15px;font-weight:700;text-decoration:none;border-bottom:1px solid #fe5208;padding:7px 0}
.jc-rec-stack{position:relative;isolation:isolate;min-height:470px;width:100%;max-width:760px;margin:0 auto}
.jc-rec-stack:before{content:"";position:absolute;inset:15% 5%;border:1px solid #293341;border-radius:50%;transform:rotate(-10deg)}
.jc-rec-paper{position:absolute;width:34%;height:350px;max-width:252px;top:var(--jc-y);left:var(--jc-x);transform:rotate(var(--jc-angle));z-index:var(--jc-z);margin:0;padding:9px;border:1px solid #dfe3e8;border-radius:8px;background:#fff;box-shadow:0 15px 38px #0008;cursor:pointer;transition:transform .2s,box-shadow .2s;color:#16202b;overflow:hidden}
.jc-rec-paper img{display:block;width:100%;height:calc(100% - 37px);object-fit:cover;object-position:top;border-radius:3px}
.jc-rec-paper span{display:block;padding-top:10px;text-align:left;font-weight:700;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jc-rec-paper:hover,.jc-rec-paper:focus-visible{z-index:20;transform:rotate(0deg) translateY(-16px);box-shadow:0 22px 48px #000a}
.jc-records :focus-visible{outline:3px solid #ff8a52;outline-offset:5px}
.jc-rec-stack-hint{position:absolute;bottom:0;left:0;width:100%;text-align:center;font-size:12px;color:#a3adbb;margin:0}
.jc-rec-archive{margin-top:34px;border-top:1px solid #343e4b;padding-top:24px}
.jc-rec-archive summary{cursor:pointer;display:list-item;font-size:16px;font-weight:700;color:#f5f7fb;width:fit-content;padding:6px 0}
.jc-rec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:24px}
.jc-rec-item{padding:0;text-align:left;border:1px solid #343e4b;border-radius:10px;background:#171d25;overflow:hidden;cursor:pointer;color:#f5f7fb;font:inherit}
.jc-rec-item img{width:100%;height:180px;object-fit:cover;object-position:top;display:block;background:white}
.jc-rec-item-copy{display:block;padding:20px}.jc-rec-item-copy small{display:block;color:#ff8a52;font-size:11px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.jc-rec-item-copy strong{display:block;font-size:18px}.jc-rec-item-copy>span{display:block;color:#b9c2ce;font-size:13px;line-height:1.6;margin-top:10px}
.jc-rec-footer{display:flex;justify-content:space-between;gap:22px;align-items:center;border-top:1px solid #343e4b;padding-top:24px;margin-top:28px;color:#a3adbb;font-size:12px}
.jc-rec-footer a{color:#ff8a52;text-decoration:none;font-size:14px;font-weight:700}
.jc-rec-dialog{width:min(1100px,calc(100% - 28px));max-height:calc(100dvh - 28px);padding:0;border:1px solid #4b5869;border-radius:12px;background:#11161d;color:#f5f7fb;font-family:Arial,Helvetica,sans-serif;overflow:auto}
.jc-rec-dialog::backdrop{background:#000c}
.jc-rec-viewbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;background:#11161d;border-bottom:1px solid #343e4b}
.jc-rec-viewbar h3{font-size:18px;margin:0;color:#f5f7fb;line-height:1.4}
.jc-rec-close,.jc-rec-nav button{min-width:44px;min-height:44px;padding:8px 16px;border:1px solid #566273;border-radius:6px;background:#202934;color:#f5f7fb;cursor:pointer;font:inherit}
.jc-rec-viewimage{display:block;max-width:100%;width:auto;max-height:72dvh;object-fit:contain;margin:20px auto;background:#fff}
.jc-rec-caption{margin:16px 24px;color:#b9c2ce;font-size:14px;line-height:1.6}
.jc-rec-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 24px}
.jc-rec-count{font-size:13px;color:#a3adbb}
@media(max-width:1100px){.jc-rec-hero{gap:30px}.jc-rec-stack{min-height:410px}.jc-rec-paper{height:300px}.jc-rec-paper span{font-size:9px}.jc-rec-lede{font-size:16px}}
@media(max-width:760px){.jc-records{padding:50px 20px 36px}.jc-rec-hero{grid-template-columns:1fr;gap:30px}.jc-records h2{font-size:42px}.jc-rec-stack{min-height:360px;max-width:560px}.jc-rec-paper{height:270px;padding:6px}.jc-rec-paper img{height:calc(100% - 30px)}.jc-rec-paper span{padding-top:7px;font-size:9px}.jc-rec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.jc-rec-item-copy{padding:16px}.jc-rec-item-copy strong{font-size:16px}.jc-rec-item img{height:150px}.jc-rec-footer{flex-direction:column;align-items:flex-start}.jc-rec-viewbar{padding:12px}.jc-rec-viewbar h3{font-size:16px}.jc-rec-close{padding:8px 12px}}
@media(max-width:420px){.jc-rec-stack{min-height:300px}.jc-rec-paper{height:222px}.jc-rec-grid{grid-template-columns:1fr}.jc-rec-item img{height:210px}.jc-rec-types li{font-size:11px;padding:7px 10px}.jc-rec-nav{margin:16px}.jc-rec-caption{margin:16px}.jc-rec-lede{font-size:16px}}
@media(prefers-reduced-motion:reduce){.jc-rec-paper{transition:none}}