/* 🍎 Apple iOS 26 "Liquid Glass" 主题 */
/* 设计语言：悬浮毛玻璃面板、高圆角、柔光阴影、通透轻盈 */

html[data-theme="apple"]{
  /* 基础变量 */
  --page-bg: linear-gradient(180deg, #e8f0fe 0%, #f5f8ff 30%, #fefefe 100%);
  --card-bg: rgba(255,255,255,0.62);
  --text: #1d1d1f;
  --strong: #000000;
  --muted: #86868b;
  --muted2: #6e6e73;
  --muted3: #a1a1a6;
  --navlink: #424245;
  --border: rgba(255,255,255,0.7);
  --border2: rgba(0,0,0,0.06);
  --soft: rgba(255,255,255,0.4);
  --soft2: rgba(0,0,0,0.03);
  --input-bg: rgba(255,255,255,0.7);
  --dash-bd: rgba(0,0,0,0.1);
  --card-shadow: 0 8px 32px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.04);
  --avatar-bg: linear-gradient(135deg, #a8d8ff, #d4a8ff);
  --ok-c: #34c759;
  --accent: #2f7cc2;
  --accent-soft: rgba(47,124,194,0.1);
}

html[data-theme="apple"] body{
  background: var(--page-bg);
  background-attachment: fixed;
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* 顶部栏：悬浮毛玻璃 */
html[data-theme="apple"] header.topbar,
html[data-theme="apple"] .topbar{
  background: rgba(255,255,255,0.55) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
  border-bottom: 1px solid rgba(255,255,255,0.6);
  box-shadow: 0 4px 24px rgba(0,0,0,0.06);
  border-radius: 0 0 24px 24px;
  margin: 0 8px;
}

/* 卡片：Liquid Glass */
html[data-theme="apple"] article.post,
html[data-theme="apple"] .card,
html[data-theme="apple"] .composer{
  background: var(--card-bg) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  border-radius: 24px !important;
  border: 1px solid rgba(255,255,255,0.7) !important;
  box-shadow: var(--card-shadow), inset 0 1px 0 rgba(255,255,255,0.8) !important;
  overflow: hidden;
}

/* 按钮：iOS 风格胶囊 */
html[data-theme="apple"] .op-btn,
html[data-theme="apple"] button{
  border-radius: 18px !important;
  background: rgba(255,255,255,0.7) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.6) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.06), inset 0 1px 0 rgba(255,255,255,0.9) !important;
  color: var(--accent) !important;
  font-weight: 500;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
html[data-theme="apple"] .op-btn:active,
html[data-theme="apple"] button:active{
  transform: scale(0.96);
}

/* 主题切换按钮高亮 */
html[data-theme="apple"] #themeSw button.on{
  background: var(--accent) !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(47,124,194,0.3) !important;
}

/* 输入框 */
html[data-theme="apple"] input,
html[data-theme="apple"] textarea{
  background: var(--input-bg) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,0.6) !important;
  box-shadow: inset 0 2px 8px rgba(0,0,0,0.04) !important;
}

/* 导航标签 */
html[data-theme="apple"] .tag,
html[data-theme="apple"] .nav-tag{
  border-radius: 16px !important;
  background: rgba(255,255,255,0.55) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.5) !important;
}

/* 头像 */
html[data-theme="apple"] .avatar{
  border-radius: 50% !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.1);
  border: 2px solid rgba(255,255,255,0.8);
}

/* 附件图片 */
html[data-theme="apple"] .att-img{
  border-radius: 16px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

/* 链接色 */
html[data-theme="apple"] a{
  color: var(--accent);
}

/* 分隔线 */
html[data-theme="apple"] hr{
  border-color: rgba(0,0,0,0.06) !important;
}
/* 🍎 Apple iOS 26 "Liquid Glass" 暗黑主题 */

html[data-theme="apple-dark"]{
  --page-bg: linear-gradient(180deg, #0a0e1a 0%, #11141f 30%, #1a1d28 100%);
  --card-bg: rgba(28,30,38,0.62);
  --text: #f5f5f7;
  --strong: #ffffff;
  --muted: #98989d;
  --muted2: #aeaeb2;
  --muted3: #7d7d82;
  --navlink: #d1d1d6;
  --border: rgba(255,255,255,0.12);
  --border2: rgba(255,255,255,0.08);
  --soft: rgba(255,255,255,0.06);
  --soft2: rgba(255,255,255,0.04);
  --input-bg: rgba(40,42,52,0.7);
  --dash-bd: rgba(255,255,255,0.15);
  --card-shadow: 0 8px 32px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3);
  --avatar-bg: linear-gradient(135deg, #1a3a5c, #3a1a5c);
  --ok-c: #30d158;
  --accent: #5b9bd5;
  --accent-soft: rgba(91,155,213,0.15);
}

html[data-theme="apple-dark"] body{
  background: var(--page-bg);
  background-attachment: fixed;
  color: var(--text);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* 顶部栏：深色悬浮毛玻璃 */
html[data-theme="apple-dark"] header.topbar,
html[data-theme="apple-dark"] .topbar{
  background: rgba(20,22,30,0.55) !important;
  -webkit-backdrop-filter: blur(24px) saturate(180%);
  backdrop-filter: blur(24px) saturate(180%);
  border-bottom: 1px solid rgba(255,255,255,0.08);
  box-shadow: 0 4px 24px rgba(0,0,0,0.3);
  border-radius: 0 0 24px 24px;
  margin: 0 8px;
}

/* 卡片：深色 Liquid Glass */
html[data-theme="apple-dark"] article.post,
html[data-theme="apple-dark"] .card,
html[data-theme="apple-dark"] .composer{
  background: var(--card-bg) !important;
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  backdrop-filter: blur(20px) saturate(180%);
  border-radius: 24px !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  box-shadow: var(--card-shadow), inset 0 1px 0 rgba(255,255,255,0.08) !important;
  overflow: hidden;
}

/* 按钮 */
html[data-theme="apple-dark"] .op-btn,
html[data-theme="apple-dark"] button{
  border-radius: 18px !important;
  background: rgba(50,52,62,0.7) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.1) !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.3), inset 0 1px 0 rgba(255,255,255,0.1) !important;
  color: var(--accent) !important;
  font-weight: 500;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}
html[data-theme="apple-dark"] .op-btn:active,
html[data-theme="apple-dark"] button:active{
  transform: scale(0.96);
}

html[data-theme="apple-dark"] #themeSw button.on{
  background: var(--accent) !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(91,155,213,0.35) !important;
}

/* 输入框 */
html[data-theme="apple-dark"] input,
html[data-theme="apple-dark"] textarea{
  background: var(--input-bg) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,0.1) !important;
  box-shadow: inset 0 2px 8px rgba(0,0,0,0.2) !important;
  color: var(--text) !important;
}

/* 导航标签 */
html[data-theme="apple-dark"] .tag,
html[data-theme="apple-dark"] .nav-tag{
  border-radius: 16px !important;
  background: rgba(40,42,52,0.55) !important;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: var(--text) !important;
}

/* 头像 */
html[data-theme="apple-dark"] .avatar{
  border-radius: 50% !important;
  box-shadow: 0 4px 16px rgba(0,0,0,0.4);
  border: 2px solid rgba(255,255,255,0.15);
}

/* 附件图片 */
html[data-theme="apple-dark"] .att-img{
  border-radius: 16px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.3);
}

/* 链接色 */
html[data-theme="apple-dark"] a{
  color: var(--accent);
}

html[data-theme="apple-dark"] hr{
  border-color: rgba(255,255,255,0.08) !important;
}

/* 诗词卡片：苹果浅色白底黑字，苹果黑深底白字 (2026-10-13) */
html[data-theme="apple"] .poem-card{
  background: rgba(255,255,255,0.75) !important;
  border-color: rgba(0,0,0,0.08) !important;
}
html[data-theme="apple"] .poem-title{ color: #1d1d1f !important; }
html[data-theme="apple"] .poem-author{ color: #6e6e73 !important; }
html[data-theme="apple"] .poem-line{ color: #1d1d1f !important; }
html[data-theme="apple-dark"] .poem-card{
  background: rgba(28,30,38,0.75) !important;
  border-color: rgba(255,255,255,0.12) !important;
}
html[data-theme="apple-dark"] .poem-title{ color: #ffffff !important; }
html[data-theme="apple-dark"] .poem-author{ color: #d1d1d6 !important; }
html[data-theme="apple-dark"] .poem-line{ color: #f5f5f7 !important; }

/* 天气温度白色 (2026-10-13) */
html[data-theme="apple-dark"] .wx-temp{ color: #ffffff !important; }
html[data-theme="apple-dark"]{ --wx-temp: #ffffff; }

/* live-date 预留3行高度防跳动 (2026-10-13) */
.live-date{ min-height: 44px; }

/* 日期区分行排版 (2026-10-13) */
.live-date .ld-row{ margin: 3px 0; line-height: 1.6; }
.live-date .ld-row:first-child{ margin-top: 0; }
.live-date .ld-row:last-child{ margin-bottom: 0; }

/* 公历放时间旁边 (2026-10-13) */
.live-clockrow{ display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.live-greg{ font-size: 17px; font-weight: 600; color: var(--live-date); letter-spacing: 1px; white-space: nowrap; }
.live-date{ min-height: 24px; }
@media(max-width:600px){
  .live-greg{ font-size: 14px; }
  .live-clock{ font-size: 30px; }
}

/* 手机端日期第二行单行适配 (2026-10-13) */
@media(max-width:600px){
  .live-date{ font-size: 12px; }
  .live-date .ld-row{ white-space: nowrap; overflow: hidden; }
  .live-date .jieqi, .live-date .xingzuo{ font-size: 11px; padding: 0 8px; }
  .live-date .xingzuo i{ font-size: 10px; }
}

/* 苹果黑新闻字白色 (2026-10-13) */
html[data-theme="apple-dark"] .news-list a{ color: #ffffff !important; }
html[data-theme="apple-dark"] .news-list .news-src{ color: #8e8e93 !important; }

/* 头部天气小组件 (2026-10-13) */
.head-wx{ display: inline-flex; align-items: center; gap: 3px; margin-left: 10px; font-size: 13px; color: var(--text); white-space: nowrap; }
.head-wx .hw-ico{ font-size: 15px; line-height: 1; }
.head-wx .hw-t{ font-weight: 600; font-variant-numeric: tabular-nums; }
@media(max-width:600px){
  .head-wx{ font-size: 12px; margin-left: 8px; }
  .head-wx .hw-ico{ font-size: 13px; }
}

/* 全网热榜页 (2026-10-13) */
.hot-wrap{ padding: 16px; }
.hot-head{ display: flex; align-items: center; gap: 12px; margin-bottom: 4px; }
.hot-head .nav-title{ margin: 0; }
.hot-back{ font-size: 13px; color: var(--accent); text-decoration: none; white-space: nowrap; }
.news-gt{ display: flex; justify-content: space-between; align-items: center; }
.news-more{ font-size: 12px; color: var(--accent); text-decoration: none; }

/* 🌿 Apple OS26 绿色护眼主题 (2026-10-13) */
html[data-theme="apple-green"]{
  --page-bg: linear-gradient(180deg, #e6f2e8 0%, #f0f7f1 40%, #fafdfa 100%);
  --card-bg: rgba(255,255,255,0.72);
  --text: #2d3a2e;
  --strong: #1a241b;
  --muted: #7a8a7c;
  --muted2: #6b7c6d;
  --muted3: #95a398;
  --navlink: #3d4a3f;
  --border: rgba(255,255,255,0.8);
  --border2: rgba(46,125,90,0.08);
  --soft: rgba(255,255,255,0.5);
  --soft2: rgba(46,125,90,0.04);
  --input-bg: rgba(255,255,255,0.8);
  --dash-bd: rgba(46,125,90,0.12);
  --card-shadow: 0 8px 32px rgba(46,125,90,0.08), 0 1px 2px rgba(46,125,90,0.04);
  --avatar-bg: linear-gradient(135deg, #a8d8b9, #d4e8a8);
  --ok-c: #2e7d5b;
  --accent: #2e7d5b;
  --accent-soft: rgba(46,125,90,0.1);
}
html[data-theme="apple-green"] body{
  background: var(--page-bg);
  background-attachment: fixed;
  color: var(--text);
}
html[data-theme="apple-green"] article.post,
html[data-theme="apple-green"] .card{
  background: var(--card-bg);
  backdrop-filter: blur(20px) saturate(1.4);
  -webkit-backdrop-filter: blur(20px) saturate(1.4);
  border: 1px solid var(--border);
  border-radius: 20px;
  box-shadow: var(--card-shadow);
}
html[data-theme="apple-green"] .news-list a{ color: #1a241b !important; }
html[data-theme="apple-green"] .news-list .news-src{ color: #7a8a7c !important; }