@layer theme-custom {
/* 多維度講堂 page#30：頁首、月份卡片與響應式修正 */
body.blank-page:has(.mdx-month) #pjax-container{padding-top:0!important;margin-top:0!important}
body.blank-page:has(.mdx-month) #pjax-container>.container:first-child{display:none!important}
body.blank-page:has(.mdx-month) a[href*="/admin/customize/page_list/edit/30"],body.blank-page:has(.mdx-month) a[href*="/admin/customize/article_list/edit/"]{display:none!important}
body.blank-page:has(.mdx-month) .page-title,body.blank-page:has(.mdx-month) .page_title,body.blank-page:has(.mdx-month) .title-area,body.blank-page:has(.mdx-month) .article-title-area{display:none!important}
body.blank-page:has(.mdx-month) .mdx-month{margin:0!important;padding:0 0 34px!important;background:#f5f2ec!important;font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;color:#142642}
body.blank-page:has(.mdx-month) .mdx-month *{box-sizing:border-box}
body.blank-page:has(.mdx-month) .mdx-month .in{width:100%;max-width:1540px;margin:0 auto;padding:0 30px}
body.blank-page:has(.mdx-month) .mdx-month .panel{background:#fff;border:1px solid #e5e0d8;border-radius:24px;padding:28px 24px 26px;box-shadow:0 12px 28px rgba(35,43,53,.06);overflow:visible}
body.blank-page:has(.mdx-month) .mdx-month .head{display:flex;align-items:baseline;gap:18px;margin-bottom:22px}
body.blank-page:has(.mdx-month) .mdx-month .head .en{font-size:12px;font-weight:800;letter-spacing:.18em;color:#ad654f;white-space:nowrap}
body.blank-page:has(.mdx-month) .mdx-month .head h4{margin:0!important;font-size:27px!important;line-height:1.25!important;font-weight:500!important;color:#142642!important}
body.blank-page:has(.mdx-month) .mdx-month .grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:16px!important;align-items:stretch!important}
body.blank-page:has(.mdx-month) .mdx-month .card{position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;visibility:visible!important;opacity:1!important;overflow:hidden!important;background:#fff!important;border:1px solid #dedbd5!important;border-top:7px solid var(--accent)!important;border-radius:22px!important;color:#142642!important;text-decoration:none!important;box-shadow:none!important;transform:none!important}
body.blank-page:has(.mdx-month) .mdx-month .card:hover{transform:translateY(-3px)!important;box-shadow:0 14px 28px rgba(35,43,53,.10)!important}
body.blank-page:has(.mdx-month) .mdx-month .visual{display:block!important;width:100%!important;aspect-ratio:1/1!important;min-height:0!important;overflow:hidden!important;background:var(--soft)!important}
body.blank-page:has(.mdx-month) .mdx-month .visual img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;visibility:visible!important;opacity:1!important}
body.blank-page:has(.mdx-month) .mdx-month .ph{position:relative;display:flex!important;flex-direction:column!important;justify-content:space-between!important;width:100%!important;height:100%!important;min-height:210px!important;padding:20px!important;overflow:hidden;background:linear-gradient(145deg,var(--soft),#fff 72%)!important;color:var(--dark)!important}
body.blank-page:has(.mdx-month) .mdx-month .ph:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-48px;bottom:-58px;background:var(--accent);opacity:.18}
body.blank-page:has(.mdx-month) .mdx-month .live{position:relative;z-index:1;align-self:flex-start;padding:5px 9px;border:2px solid #ff665f;border-radius:8px;color:#e24c48;font-size:12px;font-weight:900;letter-spacing:.08em}
body.blank-page:has(.mdx-month) .mdx-month .pt{position:relative;z-index:1;font-size:25px;line-height:1.28;font-weight:900;letter-spacing:-.03em}
body.blank-page:has(.mdx-month) .mdx-month .pg{position:relative;z-index:1;font-size:16px;font-weight:800}
body.blank-page:has(.mdx-month) .mdx-month .body{display:flex!important;flex:1!important;flex-direction:column!important;visibility:visible!important;opacity:1!important;padding:17px 18px 18px!important;background:#fff!important}
body.blank-page:has(.mdx-month) .mdx-month .top{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:8px!important;margin-bottom:17px!important}
body.blank-page:has(.mdx-month) .mdx-month .date{font-size:14px!important;font-weight:800!important;white-space:nowrap;color:#142642!important}
body.blank-page:has(.mdx-month) .mdx-month .badge{display:inline-flex!important;max-width:68%;padding:6px 9px!important;border-radius:999px!important;background:var(--accent)!important;color:var(--dark)!important;font-size:11px!important;line-height:1.25!important;font-weight:900!important;text-align:center!important}
body.blank-page:has(.mdx-month) .mdx-month .ttl{display:block!important;min-height:56px;margin-bottom:9px;font-size:21px!important;line-height:1.35!important;font-weight:800!important;color:#142642!important}
body.blank-page:has(.mdx-month) .mdx-month .guest{display:block!important;margin-bottom:5px;font-size:16px!important;font-weight:900!important;color:#221a17!important}
body.blank-page:has(.mdx-month) .mdx-month .role{display:block!important;min-height:45px;font-size:14px!important;line-height:1.55!important;color:#7b7880!important}
body.blank-page:has(.mdx-month) .mdx-month .status{display:block!important;margin-top:auto!important;padding-top:14px!important;border-top:1px solid #e8e3dc!important;font-size:12px!important;font-weight:800!important;color:#8a7d79!important}
body.blank-page:has(.mdx-month) .mdx-month a.card .status{color:#47698f!important}
@media(max-width:1200px){body.blank-page:has(.mdx-month) .mdx-month .grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:900px){body.blank-page:has(.mdx-month) .mdx-month .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}body.blank-page:has(.mdx-month) .mdx-month .in{padding:0 18px}}
@media(max-width:560px){body.blank-page:has(.mdx-month) .mdx-month .grid{grid-template-columns:1fr!important}body.blank-page:has(.mdx-month) .mdx-month .panel{padding:22px 15px}body.blank-page:has(.mdx-month) .mdx-month .head h4{font-size:24px!important}}

}