.sy-theme-page{background:#fff7eb;min-height:100vh;padding:42px 0 70px;}
.sy-theme-container{max-width:1180px;margin:0 auto;padding:0 22px;}
.sy-theme-hero{padding:34px 36px;border-radius:30px;background:linear-gradient(135deg,#fff8ed,#eef6ff);border:1px solid rgba(239,126,0,.22);box-shadow:0 18px 44px rgba(7,55,99,.08);margin-bottom:28px;}
.sy-theme-eyebrow{color:#ef7d00;font-weight:900;letter-spacing:.06em;margin:0 0 10px;}
.sy-theme-hero h1{margin:0;color:#073763;font-size:42px;line-height:1.18;font-weight:900;}
.sy-theme-hero p{max-width:820px;color:#425465;font-size:17px;line-height:1.85;font-weight:700;margin:14px 0 0;}
.sy-theme-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;}
.sy-theme-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:999px;text-decoration:none;font-weight:900;border:1px solid rgba(239,126,0,.35);color:#ef7d00;background:#fff;}
.sy-theme-btn.primary{background:#ff8200;color:#fff;border-color:#ff8200;}
.sy-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.sy-theme-card{display:block;text-decoration:none;color:inherit;background:#fff;border-radius:22px;border:1px solid rgba(7,55,99,.1);box-shadow:0 12px 28px rgba(7,55,99,.08);overflow:hidden;}
.sy-theme-card-img{height:190px;background:#fff2dc;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.sy-theme-card-img img{width:100%;height:100%;object-fit:cover;}
.sy-theme-card-body{padding:20px 22px 22px;}
.sy-theme-card h2{font-size:22px;line-height:1.35;margin:0 0 10px;color:#073763;font-weight:900;}
.sy-theme-card p{font-size:15px;line-height:1.75;margin:0;color:#5d6a78;}
.sy-book-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;}
.sy-book-card{background:#fff;border:1px solid rgba(7,55,99,.1);border-radius:18px;padding:14px;box-shadow:0 10px 24px rgba(7,55,99,.07);}
.sy-book-cover{width:100%;aspect-ratio:3/4;background:#f2ede4;border-radius:12px;object-fit:cover;margin-bottom:12px;}
.sy-book-card h2{font-size:16px;line-height:1.45;color:#073763;margin:0 0 8px;font-weight:900;}
.sy-book-meta{font-size:13px;line-height:1.6;color:#7a8793;margin:0 0 8px;}
.sy-book-note{font-size:14px;line-height:1.65;color:#4e5c68;background:#fff8ed;border-radius:12px;padding:10px;margin-top:10px;}
.sy-empty{background:#fff;border-radius:20px;padding:28px;border:1px dashed rgba(239,126,0,.35);color:#5d6a78;font-weight:700;}
@media(max-width:980px){.sy-theme-grid{grid-template-columns:repeat(2,1fr)}.sy-book-grid{grid-template-columns:repeat(3,1fr)}.sy-theme-hero h1{font-size:34px}}
@media(max-width:640px){.sy-theme-page{padding-top:22px}.sy-theme-grid,.sy-book-grid{grid-template-columns:1fr}.sy-theme-hero{padding:24px 20px;border-radius:22px}.sy-theme-hero h1{font-size:28px}}


.sy-book-cover-wrap{position:relative;width:100%;aspect-ratio:3/4;margin-bottom:12px;border-radius:12px;background:#f2ede4;overflow:hidden;}
.sy-book-cover-wrap .sy-book-cover{width:100%;height:100%;object-fit:cover;margin:0;border-radius:0;}
.sy-book-type{position:absolute;left:10px;top:10px;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;background:#ff8200;color:#fff;font-size:12px;font-weight:900;box-shadow:0 6px 14px rgba(0,0,0,.12);}
.sy-book-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid rgba(7,55,99,.08);}
.sy-book-btn{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 13px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:900;color:#ef7d00;background:#fff;border:1px solid rgba(239,126,0,.32);}
.sy-book-btn.primary{background:#ff8200;color:#fff;border-color:#ff8200;box-shadow:0 8px 18px rgba(255,130,0,.22);}
.sy-book-btn:hover{transform:translateY(-1px);}


/* =========================================================
   Front V26o：書單頁主視覺封面圖顯示版
   更新位置：前台 audios_new
   讓 booklist.aspx 的主視覺區可顯示 AudioThemeBooklist.CoverImage
   ========================================================= */
.sy-booklist-hero-v26o{
    display:grid;
    grid-template-columns:minmax(0,1fr) 300px;
    gap:32px;
    align-items:center;
    min-height:300px;
    overflow:hidden;
}
.sy-booklist-hero-v26o .sy-booklist-hero-copy{
    min-width:0;
}
.sy-booklist-hero-image{
    justify-self:end;
    width:260px;
    max-width:100%;
    border-radius:22px;
    padding:14px;
    background:rgba(255,255,255,.68);
    border:1px solid rgba(7,55,99,.1);
    box-shadow:0 18px 40px rgba(7,55,99,.16);
}
.sy-booklist-hero-image img{
    display:block;
    width:100%;
    max-height:250px;
    object-fit:cover;
    border-radius:16px;
    background:#f2ede4;
}
@media(max-width:860px){
    .sy-booklist-hero-v26o{
        grid-template-columns:1fr;
        gap:20px;
        min-height:0;
    }
    .sy-booklist-hero-image{
        justify-self:start;
        width:100%;
        max-width:320px;
    }
}


/* =========================================================
   Front V26q：書單主視覺圖片失敗時自動隱藏
   更新位置：前台 audios_new
   ========================================================= */
.sy-booklist-hero-image img[src=""],
.sy-booklist-hero-image img:not([src]){
    display:none!important;
}