/* 补充原站未编译的 Tailwind 类 */
.aspect-\[16\/9\]{aspect-ratio:16/9}
.bg-song-green\/8{background-color:rgba(255,140,66,.08)}
.mt-16{margin-top:4rem}
.leading-\[1\.95\]{line-height:1.95}

/* 地区卡片网格：无子栏目时自动隐藏 */
.region-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}
@media(min-width:640px){.region-wrap{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:768px){.region-wrap{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:1024px){.region-wrap{grid-template-columns:repeat(5,minmax(0,1fr))}}
.region-wrap:empty{display:none}
.region-heading{grid-column:1/-1;display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}

/* 文章正文排版（PbootCMS 内容输出） */
.article-body h2{font-size:19px;font-weight:700;color:#2C2C2C;margin:28px 0 12px;font-family:"Noto Serif SC",Songti SC,serif}
.article-body h3{font-size:16px;font-weight:700;color:#2C2C2C;margin:22px 0 10px}
.article-body h4{font-size:15px;font-weight:700;color:#2C2C2C;margin:18px 0 8px}
.article-body p{margin:0 0 14px}
.article-body strong{color:#2C2C2C}
.article-body ul,.article-body ol{padding-left:22px;margin:0 0 14px}
.article-body ul li{list-style:disc;margin-bottom:6px}
.article-body ol li{list-style:decimal;margin-bottom:6px}
.article-body img{max-width:100%;border-radius:12px;margin:10px 0}
.article-body a{color:#E8762B;text-decoration:underline}
.article-body blockquote{border-left:3px solid #FF8C42;background:#FFF6EC;padding:10px 16px;margin:0 0 14px;border-radius:0 10px 10px 0;color:#666}
.article-body table{width:100%;border-collapse:collapse;margin:0 0 14px;font-size:14px}
.article-body th,.article-body td{border:1px solid #E8E0D0;padding:8px 10px;text-align:left}
.article-body th{background:#F8F6F0}
-e 
/* ===== 补齐原站未编译的工具类 ===== */
.bg-\[\#C04851\]{background-color:#C04851}
.bg-\[\#FFF9EC\]{background-color:#FFF9EC}
.bg-red-50{background-color:#fef2f2}
.border-\[\#E8E0D0\]\/40{border-color:rgba(232,224,208,.4)}
.border-\[\#E8E0D0\]\/60{border-color:rgba(232,224,208,.6)}
.border-\[\#E8E4DD\]{border-color:#E8E4DD}
.border-\[\#F0E3C0\]{border-color:#F0E3C0}
.border-\[\#F0EDE8\]{border-color:#F0EDE8}
.border-song-green\/15{border-color:rgba(255,140,66,.15)}
.border-white\/\[0\.06\]{border-color:rgba(255,255,255,.06)}

.gap-1\.5{gap:0.375rem}
.gap-2\.5{gap:0.625rem}
.gap-5{gap:1.25rem}
.gap-x-6{column-gap:1.5rem}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.group:hover .group-hover\:scale-105{transform:scale(1.05)}
.group:hover .group-hover\:scale-\[1\.03\]{transform:scale(1.03)}
.h-0\.5{height:0.125rem}
.h-20{height:5rem}
.h-3\.5{height:0.875rem}
.hover\:-translate-y-0\.5:hover{transform:translateY(-0.125rem)}
.hover\:border-song-green:hover{border-color:#FF8C42}
.hover\:text-pin-green:hover{color:#D96A1F}
.leading-\[1\.15\]{line-height:1.15}
.leading-\[1\.95\]{line-height:1.95}
.leading-\[1\.9\]{line-height:1.9}
.left-3\.5{left:0.875rem}
@media(min-width:1024px){.lg\:col-span-2{grid-column:span 2/span 2}}
@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1024px){.lg\:w-\[360px\]{width:360px}}
.max-w-\[900px\]{max-width:900px}
.mb-1\.5{margin-bottom:0.375rem}
.mb-2\.5{margin-bottom:0.625rem}
@media(min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:768px){.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:768px){.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(min-width:768px){.md\:h-\[360px\]{height:360px}}
@media(min-width:768px){.md\:p-10{padding:2.5rem}}
@media(min-width:768px){.md\:pb-\[90px\]{padding-bottom:90px}}
@media(min-width:768px){.md\:pt-\[130px\]{padding-top:130px}}
@media(min-width:768px){.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}}
@media(min-width:768px){.md\:px-8{padding-left:2rem;padding-right:2rem}}
@media(min-width:768px){.md\:self-auto{align-self:auto}}
@media(min-width:768px){.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}}
@media(min-width:768px){.md\:text-\[44px\]{font-size:44px}}
.mr-1{margin-right:0.25rem}
.mr-1\.5{margin-right:0.375rem}
.mt-0\.5{margin-top:0.125rem}
.mt-1\.5{margin-top:0.375rem}
.mt-10{margin-top:2.5rem}
.mt-3{margin-top:0.75rem}
.mx-1\.5{margin-left:0.375rem;margin-right:0.375rem}
.opacity-\[0\.025\]{opacity:0.025}
.opacity-\[0\.03\]{opacity:0.03}
.pb-10{padding-bottom:2.5rem}
.pb-14{padding-bottom:3.5rem}
.pr-4{padding-right:1rem}
.pt-24{padding-top:6rem}
.px-1\.5{padding-left:0.375rem;padding-right:0.375rem}
.px-2\.5{padding-left:0.625rem;padding-right:0.625rem}
.py-0\.5{padding-top:0.125rem;padding-bottom:0.125rem}
.py-1\.5{padding-top:0.375rem;padding-bottom:0.375rem}
.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}
.space-y-1>:not([hidden])~:not([hidden]){margin-top:0.25rem}
.space-y-2\.5>:not([hidden])~:not([hidden]){margin-top:0.625rem}
.space-y-3>:not([hidden])~:not([hidden]){margin-top:0.75rem}
.space-y-4>:not([hidden])~:not([hidden]){margin-top:1rem}
.space-y-6>:not([hidden])~:not([hidden]){margin-top:1.5rem}
.text-4xl{font-size:2.25rem;line-height:2.5rem}
.text-\[\#444\]{color:#444}
.text-\[\#555\]{color:#555}
.text-\[\#B8860B\]{color:#B8860B}
.text-\[\#C04851\]{color:#C04851}
.text-\[\#C0A060\]{color:#C0A060}
.text-warm-gray\/70{color:rgba(139,134,128,.7)}
.to-placeholder-removed{}
.tracking-\[0\.25em\]{letter-spacing:0.25em}
.tracking-\[0\.2em\]{letter-spacing:0.2em}
.w-20{width:5rem}
.w-3\.5{width:0.875rem}
@media(min-width:1280px){.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ============================================================
   第一阶段：品牌视觉升级（2026-08-29）
   主色 暖橙 #FF8C42 / 深色文字橙 #E8762B
   辅助 薄荷青 #4ECDC4 / 点缀 明黄 #FFE66D
   页面底色 #FFF8F0 / 分割线 #E8E8E8 / 页脚 #2C3E50
   ============================================================ */
:root{
  --brand-primary:#FF8C42;
  --brand-primary-dark:#E8762B;
  --brand-primary-deeper:#D96A1F;
  --brand-secondary:#4ECDC4;
  --brand-secondary-dark:#2FA79E;
  --brand-accent:#FFE66D;
  --bg-page:#FFF8F0;
  --bg-card:#FFFFFF;
  --border-divider:#E8E8E8;
  --text-primary:#333333;
  --text-secondary:#666666;
}
body{background-color:var(--bg-page)}

/* ---- 主品牌色重映射（原 song-green 绿 → 暖橙） ---- */
.bg-song-green{--tw-bg-opacity:1;background-color:rgb(255 140 66/var(--tw-bg-opacity,1))}
.bg-song-green\/5{background-color:rgba(255,140,66,.05)}
.bg-song-green\/10{background-color:rgba(255,140,66,.1)}
.text-song-green{--tw-text-opacity:1;color:rgb(232 118 43/var(--tw-text-opacity,1))}
.text-song-green\/70{color:rgba(232,118,43,.7)}
.text-song-green\/80{color:rgba(232,118,43,.8)}
.border-song-green\/10{border-color:rgba(255,140,66,.1)}
.border-song-green\/20{border-color:rgba(255,140,66,.2)}
.border-song-green\/30{border-color:rgba(255,140,66,.3)}
.border-t-song-green{--tw-border-opacity:1;border-top-color:rgb(255 140 66/var(--tw-border-opacity,1))}
.from-song-green\/5{--tw-gradient-from:rgba(255,140,66,.05) var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,140,66,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.hover\:bg-song-green:hover{--tw-bg-opacity:1;background-color:rgb(255 140 66/var(--tw-bg-opacity,1))}
.hover\:bg-song-green\/5:hover{background-color:rgba(255,140,66,.05)}
.hover\:bg-song-green\/10:hover{background-color:rgba(255,140,66,.1)}
.hover\:text-song-green:hover{--tw-text-opacity:1;color:rgb(232 118 43/var(--tw-text-opacity,1))}
.hover\:border-song-green:hover{--tw-border-opacity:1;border-color:rgb(255 140 66/var(--tw-border-opacity,1))}
.hover\:border-song-green\/20:hover{border-color:rgba(255,140,66,.2)}
.hover\:border-song-green\/30:hover{border-color:rgba(255,140,66,.3)}
.hover\:border-song-green\/40:hover{border-color:rgba(255,140,66,.4)}
.focus\:border-song-green:focus{--tw-border-opacity:1;border-color:rgb(255 140 66/var(--tw-border-opacity,1))}
.group:hover .group-hover\:text-song-green{--tw-text-opacity:1;color:rgb(232 118 43/var(--tw-text-opacity,1))}
.group\/article:hover .group-hover\/article\:text-song-green{--tw-text-opacity:1;color:rgb(232 118 43/var(--tw-text-opacity,1))}
.group\/title:hover .group-hover\/title\:text-song-green{--tw-text-opacity:1;color:rgb(232 118 43/var(--tw-text-opacity,1))}

/* ---- 深橙（原 pin-green，悬停态） ---- */
.bg-pin-green{--tw-bg-opacity:1;background-color:rgb(232 118 43/var(--tw-bg-opacity,1))}
.hover\:bg-pin-green:hover{--tw-bg-opacity:1;background-color:rgb(232 118 43/var(--tw-bg-opacity,1))}
.hover\:text-pin-green:hover{--tw-text-opacity:1;color:rgb(217 106 31/var(--tw-text-opacity,1))}
.to-pin-green\/5{--tw-gradient-to:rgba(232,118,43,.05) var(--tw-gradient-to-position)}

/* ---- 辅助色（原 lotus-green → 薄荷青） ---- */
.bg-lotus-green{--tw-bg-opacity:1;background-color:rgb(78 205 196/var(--tw-bg-opacity,1))}
.text-lotus-green{--tw-text-opacity:1;color:rgb(47 167 158/var(--tw-text-opacity,1))}

/* ---- 页面底色（原 rice-paper → 暖白） ---- */
.bg-rice-paper{--tw-bg-opacity:1;background-color:rgb(255 248 240/var(--tw-bg-opacity,1))}

/* ---- 模板内字面量绿色类统一重映射 ---- */
.bg-\[\#4A8B5E\]{background-color:#FF8C42}
.bg-\[\#4A8B5E\]\/20{background-color:rgba(255,140,66,.2)}
.bg-\[\#4A8B5E\]\/90{background-color:rgba(255,140,66,.9)}
.border-\[\#4A8B5E\]{border-color:#FF8C42}
.border-\[\#4A8B5E\]\/20{border-color:rgba(255,140,66,.2)}
.border-t-\[\#4A8B5E\]{border-top-color:#FF8C42}
.text-\[\#4A8B5E\]{color:#E8762B}
.hover\:bg-\[\#4A8B5E\]:hover{background-color:#FF8C42}
.hover\:bg-\[\#4A8B5E\]\/5:hover{background-color:rgba(255,140,66,.05)}
.hover\:bg-\[\#3d7350\]:hover{background-color:#E8762B}
.hover\:border-\[\#4A8B5E\]:hover{border-color:#FF8C42}
.hover\:text-\[\#4A8B5E\]:hover{color:#E8762B}
.focus\:border-\[\#4A8B5E\]:focus{border-color:#FF8C42}
.focus\:ring-\[\#4A8B5E\]\/10:focus{box-shadow:0 0 0 2px rgba(255,140,66,.1)}
.group:hover .group-hover\:text-\[\#4A8B5E\]{color:#E8762B}

/* ---- 中性底色调暖 ---- */
.bg-\[\#F8F6F0\]{background-color:#FFF8F0}
.bg-\[\#E8F0E5\]{background-color:#FFF1E4}
.bg-\[\#E8EDE5\]{background-color:#FFF6EC}
.bg-\[\#F0EDE8\]{background-color:#F7F3ED}
.bg-\[\#F0E8E5\]{background-color:#FDF0E7}
.from-\[\#E8F0E5\]{--tw-gradient-from:#FFF1E4 var(--tw-gradient-from-position);--tw-gradient-to:rgba(255,241,228,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.to-\[\#F0EDE8\]{--tw-gradient-to:#FFF6EC var(--tw-gradient-to-position)}
.to-\[\#E8EDE5\]{--tw-gradient-to:#FFF6EC}

/* ---- 分割线 ---- */
.border-\[\#E8E0D0\]{border-color:#E8E8E8}
.border-\[\#E8E0D0\]\/20{border-color:rgba(224,214,200,.35)}
.border-\[\#E8E0D0\]\/30{border-color:rgba(224,214,200,.45)}
.border-\[\#E8E0D0\]\/50{border-color:rgba(224,214,200,.6)}
.divide-\[\#E8E0D0\]\/30>:not([hidden])~:not([hidden]){border-color:rgba(224,214,200,.45)}

/* ---- 页脚深色 ---- */
.bg-\[\#1A1A1A\]{background-color:#2C3E50}

/* ---- 品牌页眉 ---- */
.brand-header{background:linear-gradient(135deg,#FF8C42 0%,#FF9E5E 100%);box-shadow:0 2px 12px rgba(255,140,66,.28)}
.brand-header .brand-logo-badge{background:#fff;color:#FF8C42}
.brand-header .nav-link{color:rgba(255,255,255,.88)}
.brand-header .nav-link:hover{color:#fff}
.brand-header .nav-link.active{color:#fff;font-weight:600}
.brand-header .nav-link .active-bar{background:#fff}
.brand-header .menu-btn{color:#fff}

/* ---- 板块标题：橙色竖线前缀 ---- */
.sec-title{position:relative;padding-left:14px}
.sec-title::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:4px;border-radius:2px;background:var(--brand-primary)}

/* ---- 卡片容器：轻阴影 ---- */
.rounded-2xl{box-shadow:0 2px 8px rgba(0,0,0,.05)}

/* ---- 快捷入口图标：圆形品牌辅助色底 ---- */
.entry-icon{width:48px;height:48px;border-radius:50%;background:rgba(78,205,196,.16);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:10px;transition:all .25s}
a:hover .entry-icon{background:var(--brand-secondary);transform:scale(1.08)}

/* ---- 正文排版品牌色 ---- */
.article-body a{color:#E8762B}
.article-body blockquote{border-left-color:#FF8C42;background:#FFF6EC}

/* ---- 浅绿信息块调暖（园所详情页等） ---- */
.bg-\[\#E8F5E9\]{background-color:#FFF1E4}
.bg-\[\#E3F2FD\]{background-color:#E6F7F5}
.text-\[\#5B7FB8\]{color:#2FA79E}

/* ---- 首页热门入口（快捷入口） ---- */
.quick-item{display:flex;flex-direction:column;align-items:center;text-decoration:none}
.quick-icon{width:64px;height:64px;border-radius:50%;background:rgba(78,205,196,.16);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:8px;transition:all .25s}
.quick-item:hover .quick-icon{background:var(--brand-secondary);transform:scale(1.1)}
.quick-text{font-size:13px;color:#333;font-weight:500}
.quick-item:hover .quick-text{color:var(--brand-primary-dark)}

/* ========== 第三阶段：导航下拉 / 移动端Tab / 日历优化 / 今日推荐 ========== */

/* --- PC端导航下拉菜单 --- */
.nav-drop{position:relative;display:flex}
.nav-drop .nav-arrow{transition:transform .2s ease}
.nav-drop:hover .nav-arrow{transform:rotate(180deg)}
.nav-drop-menu{position:absolute;top:100%;left:50%;transform:translate(-50%,10px);min-width:152px;background:#fff;border-radius:12px;box-shadow:0 12px 32px rgba(44,62,80,.14);border:1px solid #F3EDE4;padding:8px;opacity:0;visibility:hidden;transition:all .2s ease;z-index:70}
.nav-drop:hover .nav-drop-menu{opacity:1;visibility:visible;transform:translate(-50%,6px)}
.nav-drop-menu a{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:8px;font-size:13px;color:#4A4A4A;white-space:nowrap;transition:background .15s,color .15s}
.nav-drop-menu a:hover{background:#FFF3E8;color:#E8762B}
.nav-drop-ico{font-size:15px;line-height:1}
.nav-link-sub{opacity:.85}

/* --- 移动端底部Tab导航 --- */
.mobile-tabbar{display:none}
@media (max-width:767.98px){
  body{padding-bottom:60px}
  .mobile-tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:60;background:#fff;border-top:1px solid #F0E8DC;box-shadow:0 -2px 12px rgba(44,62,80,.08);padding:4px 0 calc(4px + env(safe-area-inset-bottom))}
  .mobile-tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:4px 0 2px;font-size:10px;color:#8A8278;text-decoration:none}
  .mobile-tabbar a .tab-ico{font-size:20px;line-height:1.25}
  .mobile-tabbar a.tab-active{color:#E8762B}
  .mobile-tabbar a.tab-active .tab-ico{transform:scale(1.08)}
}

/* --- 吉时日历格子 --- */
.cal-cell{position:relative;aspect-ratio:1/1;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;transition:background .2s,border-color .2s;user-select:none}
.cal-cell:hover{background:#FDF1E7}
.cal-day{font-size:15px;font-weight:600;line-height:1;color:#2C2C2C;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:9999px;transition:background .2s,color .2s}
.cal-lunar{font-size:11px;color:#9A9288;margin-top:2px;line-height:1;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cal-lunar-fes{color:#C77F3F}
.cal-lunar-hol{color:#E74C3C;font-weight:600}
.cal-weekend .cal-day{color:#E74C3C}
.cal-holiday{background:#FDEDEC}
.cal-holiday .cal-day{color:#E74C3C}
.cal-holiday:hover{background:#FBDCD5}
.cal-flag{position:absolute;top:2px;left:3px;font-size:9px;line-height:1}
.cal-today .cal-day{background:#FF8C42;color:#fff;box-shadow:0 2px 8px rgba(255,140,66,.4)}
.cal-sel{background:#4ECDC4;border-color:#4ECDC4}
.cal-sel:hover{background:#45BFB6}
.cal-sel .cal-day{color:#fff}
.cal-sel .cal-lunar,.cal-sel .cal-lunar-fes,.cal-sel .cal-lunar-hol{color:rgba(255,255,255,.85)}
.cal-sel.cal-today .cal-day{background:#fff;color:#E8762B}
.cal-legend-dot{display:inline-block;width:10px;height:10px;border-radius:3px}
.cal-legend-txt{font-weight:700}

/* --- 日历页 今日推荐卡片 --- */
.rec-card{display:block;border-radius:12px;padding:12px 14px;border:1px solid transparent;transition:transform .2s,box-shadow .2s;text-decoration:none}
.rec-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(44,62,80,.1)}
.rec-tag{font-size:11px;font-weight:600;margin-bottom:3px}
.rec-title{font-size:13px;font-weight:700;color:#2C2C2C;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.rec-go{display:inline-block;font-size:11px;margin-top:6px;font-weight:600}
.rec-hanzi{background:#FFF6EE;border-color:#FBE3CF}.rec-hanzi .rec-tag{color:#E8762B}.rec-hanzi .rec-go{color:#E8762B}
.rec-sx{background:#EFFAF9;border-color:#D3F0EE}.rec-sx .rec-tag{color:#2FA79E}.rec-sx .rec-go{color:#2FA79E}
.rec-gx{background:#FFFBEA;border-color:#F5EBC0}.rec-gx .rec-tag{color:#B8952B}.rec-gx .rec-go{color:#B8952B}

/* 日历页双栏布局（日历列收窄至约70%） */
.cal-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
@media (min-width:1024px){
  .cal-layout{grid-template-columns:minmax(0,560px) minmax(0,1fr)}
  .cal-layout > div:first-child{align-self:start}
}

/* ========== 第四阶段：每日一字 大字注音卡 ========== */
.hz-big{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background:#FFF6EE;border:2px solid #FBE3CF;border-radius:16px;padding:10px 18px 14px;margin:6px 0}
.hz-big ruby{font-size:52px;line-height:1.15;font-family:KaiTi,STKaiti,"楷体",serif;font-weight:700;color:#2C2C2C}
.hz-big rt{font-size:17px;color:#E8762B;font-family:Arial,"PingFang SC",sans-serif;font-weight:600;letter-spacing:1px}
.hz-big-sub{font-size:12px;color:#9A9288;margin-top:6px;letter-spacing:2px}

/* 国学小课 注音卡 */
.gx-ruby{display:flex;flex-wrap:wrap;gap:8px 10px;justify-content:center;padding:18px 16px;background:#FFFBEA;border:2px solid #F5EBC0;border-radius:16px;margin:14px 0 20px;font-family:KaiTi,STKaiti,"楷体",serif}
.gx-ruby ruby{font-size:28px;line-height:1.2;font-weight:600;color:#2C2C2C;text-align:center}
.gx-ruby rt{font-size:12px;color:#B8952B;font-family:Arial,"PingFang SC",sans-serif;font-weight:500;letter-spacing:.5px}
.gx-ruby .gx-punc{font-size:28px;color:#8A8278;line-height:1.2;align-self:flex-end}

/* 朗读按钮 */
.tts-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:999px;background:linear-gradient(135deg,#FF8C42,#FF9E5E);color:#fff;font-size:14px;font-weight:600;border:none;cursor:pointer;box-shadow:0 4px 12px rgba(255,140,66,.3);transition:transform .2s,box-shadow .2s}
.tts-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(255,140,66,.4)}
.tts-btn:active{transform:translateY(0)}
.tts-btn.tts-on{background:linear-gradient(135deg,#4ECDC4,#3DBDB4)}
.tts-ico{font-size:18px;line-height:1}
.tts-text{font-family:inherit}