/* 森麒學習介紹頁共用版型（任務 1，2026-10-15）；疊在 restaurant-blower rb-* 樣式之上 */
.li-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:44px;align-items:center}
.li-copy h1{margin:10px 0 16px}
.li-copy .li-lead{font-size:1.04rem;line-height:1.9;color:#d6e9ef;margin:0 0 22px}
.li-copy .rb-actions{margin:0 0 14px}
.rb-hero .li-copy .rb-button{min-height:52px;padding:12px 30px;font-size:1rem;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.li-copy .li-note{font-size:.84rem;line-height:1.75;color:#a9c8d3;margin:0}
.li-facts{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.li-facts li{font-size:.8rem;font-weight:700;border:1px solid #4f7987;border-radius:30px;padding:3px 12px;color:#dcf0f3;background:rgba(255,255,255,.04)}
.li-visual{position:relative;margin:0;padding:0 0 58px}
.li-photo{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:#173d4d;box-shadow:0 22px 50px rgba(0,0,0,.35)}
.li-photo img{display:block;width:100%;height:100%;object-fit:cover}
.li-badge{position:absolute;top:12px;left:12px;z-index:2;font-size:.74rem;font-weight:800;letter-spacing:.04em;color:#fff;background:rgba(8,28,40,.78);border:1px solid rgba(255,255,255,.28);border-radius:30px;padding:3px 11px;line-height:1.6}
.li-screen{position:absolute;right:-22px;bottom:0;width:60%;z-index:3;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 24px 46px rgba(3,18,28,.5);border:1px solid rgba(255,255,255,.75)}
.li-screen .li-bar{display:flex;align-items:center;gap:5px;height:22px;padding:0 10px;background:#e8eef2;border-bottom:1px solid #d3dee5}
.li-screen .li-bar i{width:7px;height:7px;border-radius:50%;background:#b9c8d1}
.li-screen .li-bar b{margin-left:8px;font-size:.66rem;font-weight:700;color:#5d7584;letter-spacing:.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.li-screen img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top left}
.li-screen .li-badge{top:auto;bottom:10px;left:auto;right:10px;background:rgba(8,125,131,.92)}
.li-visual figcaption{position:absolute;left:0;bottom:4px;width:36%;font-size:.74rem;line-height:1.6;color:#a9c8d3;text-align:left}
.li-steps-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:6px 20px;margin-bottom:20px}
.li-steps-head h2{margin:0}
.li-steps-head p{margin:0;color:var(--rb-muted);font-size:.92rem}
.li-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;list-style:none;margin:0;padding:0;counter-reset:li}
.li-step{display:flex;flex-direction:column;background:#f6fafb;border:1px solid var(--rb-line);border-radius:16px;overflow:hidden}
.li-step-img{position:relative;background:#fff;border-bottom:1px solid var(--rb-line)}
.li-step-img img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top left}
.li-step-body{padding:16px 18px 18px}
.li-step-body h3{display:flex;align-items:center;gap:10px;font-size:1.06rem;margin:0 0 6px}
.li-step-body h3::before{counter-increment:li;content:counter(li);flex:none;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--rb-teal);color:#fff;font-size:.88rem;font-weight:800}
.li-step-body p{margin:0;font-size:.93rem;line-height:1.8;color:#2e4f61}
.li-more{margin-top:20px;border-top:1px solid var(--rb-line);padding-top:12px}
.li-more summary{cursor:pointer;font-weight:750;color:#0b6475;padding:6px 0}
.li-more ul{margin:8px 0 0}
.li-plan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px}
.li-plan h3{font-size:1.08rem;margin:0 0 8px;padding-left:12px;border-left:4px solid var(--rb-teal)}
.li-plan p{margin:0 0 10px;font-size:.95rem}
.li-slot{margin:6px 0 0;padding:12px 14px;border:1px dashed #9cbcc8;border-radius:12px;background:#f4f9fa;font-size:.9rem;color:#2e4f61}
.li-slot b{color:#0b6475}
@media(max-width:1050px){.li-hero{gap:30px}.li-screen{right:-12px}}
@media(max-width:850px){.li-hero{grid-template-columns:1fr;gap:26px}.li-visual{max-width:560px;width:100%;margin:0 auto}.li-steps{grid-template-columns:1fr;gap:14px}.li-step{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr)}.li-step-img{border-bottom:0;border-right:1px solid var(--rb-line)}.li-step-img{display:flex;align-items:center;background:#f3f6fa;padding:8px}.li-step-img img{height:auto;aspect-ratio:16/10;object-fit:contain;border-radius:6px;box-shadow:0 2px 8px rgba(19,57,78,.12)}.li-plan{grid-template-columns:1fr;gap:18px}}
@media(max-width:560px){.li-hero{gap:18px}.li-copy h1{font-size:1.9rem;margin:6px 0 12px}.li-copy .li-lead{font-size:.97rem;line-height:1.8;margin-bottom:16px}.li-facts{margin-bottom:16px}.li-facts li{font-size:.74rem;padding:2px 10px}.rb-hero .li-copy .rb-button{width:100%}.li-visual{padding-bottom:40px}.li-photo{aspect-ratio:16/10;border-radius:14px}.li-screen{right:-6px;bottom:0;width:68%;border-radius:10px}.li-screen .li-bar{height:17px;padding:0 7px}.li-screen .li-bar i{width:5px;height:5px}.li-screen .li-bar b{font-size:.56rem;margin-left:4px}.li-visual figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.li-step{display:flex;flex-direction:column}.li-step-img{display:block;padding:0;border-right:0;border-bottom:1px solid var(--rb-line);background:#fff}.li-step-img img{aspect-ratio:16/10;object-fit:cover;object-position:top left;border-radius:0;box-shadow:none}.li-step-body{padding:12px 13px}.li-step-body h3{font-size:.98rem;gap:8px}.li-step-body h3::before{width:24px;height:24px;font-size:.8rem}.li-step-body p{font-size:.88rem;line-height:1.7}}
@media print{.li-visual,.li-step-img{display:none}}
.li-rel-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}
.li-rel-card{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);border:1px solid var(--rb-line);border-radius:16px;overflow:hidden;background:#f6fafb;color:inherit;text-decoration:none}
.li-rel-card:hover{border-color:var(--rb-teal)}
.li-rel-img img{display:block;width:100%;height:100%;aspect-ratio:16/10;object-fit:cover;object-position:top left}
.li-rel-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px}
.li-rel-body b{font-size:1.02rem;color:var(--rb-ink)}
.li-rel-body span{font-size:.9rem;line-height:1.7;color:#2e4f61}
.li-rel-go{color:#0b6475!important;font-weight:750}
@media(max-width:560px){.li-rel-card{grid-template-columns:1fr}}