/* 友站 Banner（尋保）— 原稿：Downloads/WP 友站 Banner.html，規則全部限定在 .sc-bn。
   用法：插入已同步版面配置「友站 Banner：尋保」。顏色是尋保品牌色，刻意不用本站設計系統。 
   ⚠️ 選擇器刻意加了一層 .sc-bn（或 .sc-bn.sc-bn），要贏過文章排版 .prose 的 h3／em／a 規則。 */
.sc-bn.sc-bn{--brown:#3E322B;--brown-2:#5C4E45;--orange:#F39234;--orange-deep:#C8650F;--hl:#FCDDB9;--cta:#EE5A2F;--cta-hover:#D94A20;--bg:#FFFBF5;--line:#F1E4D3;--c-med:#4F8FD0;--c-acc:#3E9E74;--c-trip:#C98A2B;--c-asset:#C4669A;--c-liab:#8A78CF;--sans:"Noto Sans TC","PingFang TC","Helvetica Neue",system-ui,sans-serif;--num:"Inter",ui-sans-serif,sans-serif;container-type:inline-size;max-width:960px;margin:0 auto;font-family:var(--sans);color:var(--brown);line-height:1.5;-webkit-font-smoothing:antialiased}.sc-bn.sc-bn *,.sc-bn.sc-bn *::before,.sc-bn.sc-bn *::after{box-sizing:border-box;margin:0;padding:0}.sc-bn.sc-bn a{color:var(--brown);text-decoration:none}.sc-bn.sc-bn a:hover{color:var(--brown)}.sc-bn .sc-bn-card{display:grid;gap:16px;padding:20px;background:var(--bg);border:1.5px solid var(--line);border-radius:20px;transition:border-color 150ms ease-out}
@media (hover:hover){.sc-bn .sc-bn-card:hover{border-color:var(--orange)}.sc-bn .sc-bn-card:hover .sc-bn-btn{background:var(--cta-hover)}}.sc-bn .sc-bn-card:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.sc-bn .sc-bn-card:active .sc-bn-btn{transform:translateY(1px)}.sc-bn .sc-bn-txt{display:grid;gap:10px;min-width:0}.sc-bn .sc-bn-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.sc-bn .sc-bn-logo{display:block;height:24px;width:auto}.sc-bn .sc-bn-dots{display:flex;gap:5px;flex-shrink:0}.sc-bn .sc-bn-dots i{display:block;width:9px;height:9px;border-radius:9px}.sc-bn .sc-bn-dots i:nth-child(1){width:18px;background:var(--c-med)}.sc-bn .sc-bn-dots i:nth-child(2){background:var(--c-acc)}.sc-bn .sc-bn-dots i:nth-child(3){width:18px;background:var(--c-trip)}.sc-bn .sc-bn-dots i:nth-child(4){background:var(--c-asset)}.sc-bn .sc-bn-dots i:nth-child(5){background:var(--c-liab)}.sc-bn .sc-bn-h{font-weight:900;font-size:min(1.5rem,5.6cqi);line-height:1.3;letter-spacing:-.01em;white-space:nowrap}.sc-bn .sc-bn-h em{font-family:inherit;margin:0 4px;font-style:italic;color:var(--orange);background:linear-gradient(transparent 68%,var(--hl) 68%,var(--hl) 92%,transparent 92%);padding:0 2px}.sc-bn .sc-bn-h em b{font-family:var(--num);font-weight:800}.sc-bn .sc-bn-p{font-size:min(1rem,4.4cqi);font-weight:500;color:var(--brown-2);white-space:nowrap}.sc-bn .sc-bn-p b{font-weight:700}.sc-bn .sc-bn-p .m{color:var(--c-med)}.sc-bn .sc-bn-p .a{color:var(--c-acc)}.sc-bn .sc-bn-p .t{color:var(--c-trip)}.sc-bn .sc-bn-p .s{color:var(--c-asset)}.sc-bn .sc-bn-p .l{color:var(--c-liab)}.sc-bn .sc-bn-p .n{font-family:var(--num);font-weight:700;color:var(--orange-deep)}.sc-bn .sc-bn-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;background:var(--cta);color:#FFF;border-radius:999px;font-size:1rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;box-shadow:0 4px 0 rgba(200,101,15,.18);transition:background-color 150ms ease-out}.sc-bn .sc-bn-btn svg{width:18px;height:18px}
/* 動畫（原稿 Downloads/WP 友站 Banner (1).html）。循環的兩種只播 3 輪就停。按鈕裡的 em 要蓋掉 .prose em 的襯線字與顏色 */
.sc-bn .sc-bn-btn em{display:inline-flex;font-family:inherit;font-style:normal;color:inherit}.sc-bn .sc-bn-btn em span{display:inline-block;animation:sc-bn-w1 2s ease-in-out 3}.sc-bn .sc-bn-btn em span+span{animation-name:sc-bn-w2}
@keyframes sc-bn-w1{0%,24%,100%{transform:translateY(0)}12%{transform:translateY(-4px)}}
@keyframes sc-bn-w2{0%,10%,34%,100%{transform:translateY(0)}22%{transform:translateY(-4px)}}
.sc-bn .sc-bn-h em{background-size:0 100%;background-repeat:no-repeat;animation:sc-bn-hl .7s .3s cubic-bezier(.16,1,.3,1) forwards}
@keyframes sc-bn-hl{to{background-size:100% 100%}}
.sc-bn .sc-bn-p b{display:inline-block;animation:sc-bn-pop .4s cubic-bezier(.34,1.56,.64,1) backwards}
.sc-bn .sc-bn-p .m{animation-delay:.5s}.sc-bn .sc-bn-p .a{animation-delay:.6s}.sc-bn .sc-bn-p .t{animation-delay:.7s}.sc-bn .sc-bn-p .s{animation-delay:.8s}.sc-bn .sc-bn-p .l{animation-delay:.9s}
@keyframes sc-bn-pop{from{opacity:0;transform:translateY(6px) scale(.8)}}
.sc-bn .sc-bn-btn svg{animation:sc-bn-nudge 2s ease-in-out 3}
@keyframes sc-bn-nudge{0%,26%,56%,100%{transform:translateX(0)}40%{transform:translateX(6px)}}
@media (prefers-reduced-motion:reduce){.sc-bn.sc-bn *{animation:none!important}.sc-bn .sc-bn-h em{background-size:100% 100%}}
@container (min-width:600px){
.sc-bn .sc-bn-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;padding:24px 32px}.sc-bn .sc-bn-top{justify-content:flex-start;gap:16px}.sc-bn .sc-bn-logo{height:26px}.sc-bn .sc-bn-h{font-size:1.75rem}
}
@container (min-width:840px){.sc-bn .sc-bn-h{font-size:2.125rem}.sc-bn .sc-bn-p{font-size:1.0625rem}.sc-bn .sc-bn-btn{min-height:52px;padding:0 28px;font-size:1.0625rem}}