/* V9 文章美編（前台文章頁與後台編輯區共用）：外框、圖說、寬度、多張照片版面、重點框、金句卡 */
.fy-fig{margin:28px auto;max-width:100%}
.fy-fig img{display:block;width:100%;height:auto}
.fy-fig figcaption{margin-top:10px;font-size:.92em;color:#77736b;text-align:center;line-height:1.6}
.fy-frame-white{background:#fff;padding:12px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.fy-frame-polaroid{background:#fff;padding:14px 14px 18px;box-shadow:0 6px 22px rgba(0,0,0,.12);max-width:560px;transform:rotate(-.6deg)}
.fy-frame-polaroid figcaption{font-size:1em;color:#3b3a36;margin-top:12px}
.fy-frame-gold{padding:10px;border:1px solid #b8913a;outline:3px double #b8913a;outline-offset:4px;background:#fbf7ec}
.fy-frame-shadow img{border-radius:16px}.fy-frame-shadow{filter:drop-shadow(0 12px 24px rgba(0,0,0,.16))}
.fy-w-wide{width:100%}
.fy-w-narrow{max-width:62%}
.fy-w-left{float:left;width:44%;margin:6px 26px 16px 0}
.fy-w-right{float:right;width:44%;margin:6px 0 16px 26px}
.fy-grid{display:grid;gap:14px;margin:28px 0;clear:both}
.fy-grid-2{grid-template-columns:repeat(2,1fr)}.fy-grid-3{grid-template-columns:repeat(3,1fr)}
.fy-grid .fy-fig{margin:0}.fy-grid .fy-fig img{aspect-ratio:4/3;object-fit:cover}
.fy-split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;margin:32px 0;clear:both}
.fy-split .fy-fig{margin:0}.fy-split-rev>.fy-fig{order:2}
.fy-split h3{margin-top:0}
.fy-callout{margin:28px 0;padding:20px 24px;border-left:5px solid #a9824e;background:#f6f1e6;border-radius:0 14px 14px 0;clear:both}
.fy-callout strong{display:block;font-size:1.05em;margin-bottom:6px;color:#7a5a2e}.fy-callout p{margin:0}
.fy-quote{margin:36px auto;max-width:640px;padding:28px 30px;text-align:center;border-top:1px solid #d9cdb4;border-bottom:1px solid #d9cdb4;font-family:'Noto Serif TC',serif;font-size:1.25em;line-height:1.8;clear:both}
.fy-quote p{margin:0}.fy-quote cite{display:block;margin-top:12px;font-size:.75em;font-style:normal;color:#8a8479}
.fy-divider{border:0;height:24px;margin:36px 0;background:radial-gradient(circle,#a9824e 2.5px,transparent 3px) center/24px 24px repeat-x;clear:both}
.fy-slot img{outline:2px dashed #c9b79a;outline-offset:-2px}
@media(max-width:680px){.fy-grid-3{grid-template-columns:repeat(2,1fr)}.fy-split{grid-template-columns:1fr;gap:14px}.fy-split-rev>.fy-fig{order:0}.fy-w-left,.fy-w-right{float:none;width:100%;margin:24px 0}.fy-w-narrow{max-width:100%}}