/* 官網各分頁的「實際畫面示範」：分頁切換＋PMock 動畫／實際頁面截圖（與銷售簡報共用同一套動畫） */
.ld{margin-top:clamp(28px,4vw,56px)}
.ld-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:clamp(18px,2.4vw,30px)}
.ld-tabs button{font:inherit;cursor:pointer;border:1px solid rgba(11,11,13,.12);background:#fff;color:#54524d;border-radius:100px;padding:11px 20px;font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:background .25s,color .25s,border-color .25s,transform .25s}
.ld-tabs button small{font:600 .7rem "Space Grotesk",sans-serif;letter-spacing:.12em;opacity:.55}
.ld-tabs button:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}
.ld-tabs button.on{background:#0b0b0d;border-color:#0b0b0d;color:#fff}
.ld-pane{display:none}
.ld-pane.on{display:block;animation:ld-in .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes ld-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.ld-stage{border-radius:28px;background:linear-gradient(180deg,#f6f5f1,#efede7);border:1px solid rgba(11,11,13,.06);padding:clamp(18px,3vw,44px) clamp(12px,2.4vw,36px);overflow:hidden}
.ld-cap{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px}
.ld-cap div{border-left:3px solid var(--accent);padding:4px 0 4px 14px;font-size:.95rem;line-height:1.7;color:#54524d}
.ld-cap b{display:block;color:#0b0b0d;font-size:1rem}
.ld-phones{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(16px,3vw,40px)}
.ld-phones figure{margin:0;width:min(280px,42vw);text-align:center}
.ld-phones img{display:block;width:100%;height:auto;border-radius:26px;border:8px solid #0b0b0d;background:#fff;box-shadow:0 30px 70px -34px rgba(11,11,13,.5);cursor:zoom-in}
.ld-phones figcaption,.ld-shots figcaption{margin-top:12px;font-size:.88rem;color:#54524d;line-height:1.6}
.ld-phones figcaption b,.ld-shots figcaption b{display:block;color:#0b0b0d;font-size:.98rem}
.ld-shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.ld-shots figure{margin:0}
.ld-shots img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid rgba(11,11,13,.1);background:#fff;box-shadow:0 22px 50px -30px rgba(11,11,13,.4);cursor:zoom-in}
.ld-zoom{position:fixed;inset:0;z-index:999;background:rgba(11,11,13,.88);display:none;place-items:center;padding:24px;cursor:zoom-out;overflow:auto}
.ld-zoom.on{display:grid}.ld-zoom img{max-width:min(1200px,96vw);height:auto;border-radius:14px}
@media(max-width:720px){.ld-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}.ld-tabs button{flex:none}}