/*!
 * 开运堂 KAIYUNTANG (www.kaiyuntang.com)
 * Copyright (c) 2026 开运堂. All Rights Reserved.
 * 本样式/脚本为开运堂原创作品，未经书面授权禁止复制、转载或用于其他站点。
 *//* ============================================================
 * 阴阳主题系统  theme.css
 * 阴（dark）：玄黑星空 / 北斗 / 明月 —— 默认
 * 阳（light）：宣纸晨曦 / 河图 / 旭日 —— [data-theme="light"]
 * 一阴一阳之谓道：自动昼夜 + 手动切换
 * ============================================================ */

/* === 主题切换基础过渡（仅关键表面，避免全页抖动） === */
body,.topbar,.gold-card,.glass,.footer,.frow input,.frow select,.frow textarea,
.qian-result,.qian-stage,.qs-rules,.qr-no,.qr-deity,.pillar,.zw,.pair .side,
.r-tbl td,.hour,.hl-day,.sc-card,.ly-yao-table,.btn-ghost,.nav-toggle,.theme-toggle{
  transition:background-color .5s var(--ease),border-color .5s var(--ease),
             color .4s var(--ease),box-shadow .5s var(--ease)}

/* ============================================================
 * 阳（亮色）主题：宣纸晨曦
 * ============================================================ */
[data-theme="light"]{
  color-scheme:light;

  /* === 主色：墨色正文（深褐墨） === */
  --ink:#3a2f22;
  --ink-2:#5c4d38;
  --ink-3:#867559;
  --ink-4:#a99878;

  /* === 背景：宣纸 / 晨曦 === */
  --bg:#f4ead6;
  --bg-2:#ece0c6;
  --bg-3:#e3d4b4;
  --bg-deep:#d9c8a0;

  /* === 鎏金（亮色下加深以保对比） === */
  --gold:#a87f2e;
  --gold-2:#8a6420;
  --gold-3:#c89a48;
  --gold-4:#d9b872;
  --gold-glow:rgba(168,127,46,.28);
  --gold-line:rgba(168,127,46,.38);

  /* === 朱砂 === */
  --red:#b83a2f;
  --red-2:#8f2a20;
  --red-3:#d45247;
  --red-glow:rgba(184,58,47,.3);

  /* === 青瓷/玉 === */
  --jade:#4f8a78;
  --jade-2:#3a6a5a;

  /* === 玻璃（米白半透） === */
  --glass:rgba(255,250,238,.55);
  --glass-2:rgba(255,252,244,.78);
  --glass-border:rgba(168,127,46,.28);
  --glass-border-hi:rgba(168,127,46,.6);

  /* === 阴影（柔和暖灰） === */
  --sh-sm:0 4px 16px rgba(120,90,40,.12);
  --sh:0 12px 40px rgba(120,90,40,.16);
  --sh-lg:0 28px 80px rgba(120,90,40,.22);
  --sh-gold:0 8px 32px rgba(168,127,46,.22),inset 0 1px 0 rgba(255,255,255,.6);
  --sh-red:0 8px 32px rgba(184,58,47,.28);
}

/* === 阳：天空背景（清雅暖白，进一步淡化去黄） === */
[data-theme="light"] body{
  background:
    radial-gradient(ellipse 80% 38% at 82% 2%,rgba(255,228,160,.16),transparent 60%),
    radial-gradient(ellipse 60% 36% at 12% 10%,rgba(255,210,160,.07),transparent 60%),
    linear-gradient(180deg,
      #faf8f2 0%,
      #f8f4ec 30%,
      #f5f1e6 56%,
      #f2ede2 80%,
      #efe9dd 100%);
}

/* === 阳：标题统一墨黑（含 divination/ai/result 页内联渐变标题，以 !important 覆盖） === */
[data-theme="light"] .text-gold,
[data-theme="light"] .hero-title,
[data-theme="light"] .sec-title h2,
[data-theme="light"] .sec-head h2,
[data-theme="light"] .brand-name,
[data-theme="light"] .res-head h1,
[data-theme="light"] .qian h2,
[data-theme="light"] .footer-name,
[data-theme="light"] .score-big .n,
[data-theme="light"] .chenggu-weight .n,
[data-theme="light"] .pillar .p-gan,
[data-theme="light"] .sub-scene h1,
[data-theme="light"] .page-content h1{
  background:none!important;
  -webkit-background-clip:border-box!important;background-clip:border-box!important;
  -webkit-text-fill-color:#241c12!important;color:#241c12!important;
  text-shadow:none!important;
}
/* 签类名（浅底用深金以保可读） */
[data-theme="light"] .qr-type{
  background:linear-gradient(180deg,#c89a48,#8a6420);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  text-shadow:none;
}
[data-theme="light"] .qr-temple{color:var(--ink-3)}
[data-theme="light"] .qr-no-label{color:var(--gold-2)}
[data-theme="light"] .hero-title{text-shadow:0 2px 30px rgba(255,220,140,.4)!important}

/* 选中色 */
[data-theme="light"] ::selection{background:rgba(168,127,46,.25);color:#3a2f22}

/* 滚动条 */
[data-theme="light"] ::-webkit-scrollbar-track{background:#ece0c6}
[data-theme="light"] ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gold-3),var(--gold));border:2px solid #ece0c6}
[data-theme="light"] ::-webkit-scrollbar-thumb:hover{background:var(--gold-2)}

/* === 阳：星空隐去（白天无星） === */
[data-theme="light"] .stars,
[data-theme="light"] .spark{display:none!important}

/* === 阳：云雾转暖白 === */
[data-theme="light"] .cloud{
  background:radial-gradient(ellipse at center,rgba(255,252,240,.55),transparent 70%);
}

/* === 阳：暗角转暖光晕 === */
[data-theme="light"] .vignette{
  background:linear-gradient(180deg,
    rgba(255,236,190,.35) 0%,
    rgba(255,236,190,.1) 22%,
    transparent 45%);
}

/* ============================================================
 * 阳场景：旭日（右上，对称明月）—— 清雅日轮，柔光不刺目
 * 阴显月、阳显日
 * ============================================================ */
.sun{
  display:none;
  position:absolute;top:12%;right:15%;
  width:128px;height:128px;border-radius:50%;z-index:1;
  background:radial-gradient(circle at 42% 38%,
      #ffffff 0%,#ffffff 32%,#fffef8 55%,#fff8e8 75%,#fcecd0 90%,#f4ddb5 100%);
  box-shadow:
    inset -8px -10px 22px rgba(200,150,80,.18),
    inset 5px 7px 14px rgba(255,255,255,.5),
    0 0 30px 10px rgba(255,225,165,.4),
    0 0 90px 30px rgba(255,205,130,.2),
    0 0 200px 70px rgba(250,185,105,.1);
  animation:sunFloat 14s ease-in-out infinite;
}
/* 放射光芒（SVG 手绘：长短/粗细/角度均无规律，内亮外暗，忽隐忽现闪耀） */
.sun-rays{position:absolute;top:50%;left:50%;width:380px;height:380px;
  margin:-190px 0 0 -190px;pointer-events:none;
  -webkit-mask:radial-gradient(circle at center,#000 30%,rgba(0,0,0,.75) 58%,transparent 92%);
  mask:radial-gradient(circle at center,#000 30%,rgba(0,0,0,.75) 58%,transparent 92%);
  animation:sunShimmer 3.6s ease-in-out infinite}
/* 弥散光晕（暖橙柔光，扩散脉动） */
.sun::after{content:"";position:absolute;inset:-65%;border-radius:50%;
  background:radial-gradient(circle,
    rgba(255,196,120,.45) 0%,
    rgba(250,178,100,.24) 34%,
    rgba(245,158,82,.11) 58%,
    rgba(242,146,74,.04) 78%,
    rgba(242,146,74,0) 94%);
  filter:blur(11px);pointer-events:none;
  animation:heatGlow 4s ease-in-out infinite}
@keyframes sunFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes sunShimmer{
  0%,100%{opacity:.45}
  18%{opacity:.95}
  38%{opacity:.6}
  58%{opacity:1}
  78%{opacity:.7}
}
@keyframes heatGlow{
  0%,100%{transform:scale(1);opacity:.3}
  50%{transform:scale(1.12);opacity:.78}
}
[data-theme="light"] .sun{display:block}
[data-theme="light"] .moon{display:none}

/* 亮色下隐藏北斗（阴显北斗） */
[data-theme="light"] .beidou{display:none}

/* 太阳响应式 */
@media(max-width:860px){
  .sun{width:96px;height:96px;top:9%}
}
@media(max-width:480px){
  .sun{width:74px;height:74px}
}

/* ============================================================
 * 阳：组件表面适配（卡片 / 表单 / 表格 / 排盘 / 黄历 / 抽签 / 导航 / 页脚）
 * ============================================================ */

/* 玻璃卡片 / 鎏金卡片 → 宣纸白 */
[data-theme="light"] .glass{
  background:rgba(255,253,249,.7);
  border-color:rgba(168,127,46,.24)}
[data-theme="light"] .glass:hover{
  background:rgba(255,254,251,.88);
  box-shadow:var(--sh),0 0 40px rgba(168,127,46,.08)}
[data-theme="light"] .gold-card{
  background:linear-gradient(160deg,rgba(255,253,249,.94),rgba(249,245,236,.9));
  border-color:rgba(168,127,46,.28);
  box-shadow:var(--sh),inset 0 1px 0 rgba(255,255,255,.75)}
[data-theme="light"] .gold-card:hover{
  border-color:var(--gold);
  box-shadow:var(--sh-lg),0 0 50px rgba(168,127,46,.18),inset 0 1px 0 rgba(255,255,255,.8)}

/* 按钮 */
[data-theme="light"] .btn{
  background:linear-gradient(135deg,rgba(168,127,46,.14),rgba(122,90,30,.08));
  color:var(--gold-2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 4px 18px rgba(168,127,46,.12)}
[data-theme="light"] .btn:hover{
  background:linear-gradient(135deg,var(--gold-3),var(--gold));
  color:#fff7e0;border-color:var(--gold-3);
  box-shadow:0 8px 28px rgba(168,127,46,.38)}
[data-theme="light"] .btn-ghost{
  background:rgba(255,252,242,.5);color:var(--ink-2);
  border-color:rgba(168,127,46,.3)}
[data-theme="light"] .btn-ghost:hover{
  border-color:var(--gold);color:var(--gold-2);background:rgba(168,127,46,.08)}

/* 表单 */
[data-theme="light"] .frow input,
[data-theme="light"] .frow select,
[data-theme="light"] .frow textarea{
  background:rgba(255,253,246,.8);color:var(--ink);
  border-color:rgba(168,127,46,.3)}
[data-theme="light"] .frow input:focus,
[data-theme="light"] .frow select:focus,
[data-theme="light"] .frow textarea:focus{
  background:#fffdf6;border-color:var(--gold);
  box-shadow:0 0 0 3px rgba(168,127,46,.14)}
[data-theme="light"] .frow select option{background:#fbf4e0;color:var(--ink)}

/* 标签 / 分隔线 */
[data-theme="light"] .tag-gold{background:rgba(168,127,46,.12)}
[data-theme="light"] .tag-red{background:rgba(184,58,47,.1)}
[data-theme="light"] .tag-jade{background:rgba(79,138,120,.12)}

/* 测算卡片图标底 */
[data-theme="light"] .div-card .ic{
  background:linear-gradient(145deg,#fdf6e2,#ecd9a8);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 6px 18px rgba(120,90,40,.18)}
[data-theme="light"] .div-card:hover .ic{
  background:linear-gradient(145deg,var(--gold-3),var(--gold));
  color:#fff7e0;box-shadow:0 12px 30px rgba(168,127,46,.4)}

/* 黄历 */
[data-theme="light"] .hl-day{background:rgba(255,253,246,.7)}
[data-theme="light"] .hl-day:hover{
  background:rgba(168,127,46,.08);box-shadow:0 8px 22px rgba(120,90,40,.18)}
[data-theme="light"] .hl-nav,
[data-theme="light"] .hl-today{background:rgba(255,252,242,.6)}
[data-theme="light"] .sc-card{
  background:linear-gradient(180deg,rgba(168,127,46,.05),rgba(255,253,246,.6))}
[data-theme="light"] .sc-zhi{
  background:radial-gradient(circle at 50% 35%,rgba(168,127,46,.18),rgba(255,253,246,.7))}
[data-theme="light"] .sc-gan{background:rgba(168,127,46,.1)}

/* 结果页表格 / 时辰 / 四柱 / 紫微 */
[data-theme="light"] .r-tbl td{background:rgba(255,253,246,.6)}
[data-theme="light"] .r-tbl th{background:rgba(168,127,46,.1)}
[data-theme="light"] .hour{background:rgba(255,253,246,.6)}
[data-theme="light"] .hour:hover{background:rgba(168,127,46,.06);box-shadow:0 8px 22px rgba(120,90,40,.18)}
[data-theme="light"] .pillar{background:linear-gradient(165deg,rgba(255,252,242,.9),rgba(244,232,204,.8))}
[data-theme="light"] .pillar:hover{box-shadow:0 12px 30px rgba(120,90,40,.22)}
[data-theme="light"] .zw{background:linear-gradient(165deg,rgba(255,252,242,.88),rgba(244,232,204,.8))}
[data-theme="light"] .zw:hover{box-shadow:0 10px 28px rgba(120,90,40,.2)}
[data-theme="light"] .zw-board{
  background:rgba(255,253,246,.7);
  box-shadow:0 0 40px rgba(168,127,46,.14),inset 0 0 60px rgba(168,127,46,.06)}
[data-theme="light"] .zw-center{
  background:radial-gradient(ellipse at center,rgba(168,127,46,.1),rgba(255,253,246,.5))}
[data-theme="light"] .zwc:hover{background:rgba(168,127,46,.06)}
[data-theme="light"] .zwc.is-ming{background:linear-gradient(160deg,rgba(184,58,47,.1),rgba(184,58,47,.02))}
[data-theme="light"] .zw-meta{background:rgba(168,127,46,.05)}
[data-theme="light"] .zwc-sz{background:rgba(168,127,46,.06)}
/* 紫微：亮色下加深浅色文字，统一色阶 */
[data-theme="light"] .zwc-gan{color:#6a5a42}
[data-theme="light"] .zwc-foot{color:#6a5a42}
[data-theme="light"] .zwc-daxian{color:#6a5a42}
[data-theme="light"] .zwc-changsheng,
[data-theme="light"] .zwc-boshi{color:#8a6420}
[data-theme="light"] .zwc-jiangxing{color:#3a6a5a}
[data-theme="light"] .zwc-gong{color:#3a2f22}
[data-theme="light"] .zwc-zhi{color:#8a6420}
[data-theme="light"] .zwc-star.aux .zwc-sname{color:#3a2f22}
[data-theme="light"] .zwc-star.other .zwc-sname{color:#6a5a42}
[data-theme="light"] .zwc-bright.hi{color:#3d8a6c}
[data-theme="light"] .zwc-info-row .k,
[data-theme="light"] .zwc-sz .k,
[data-theme="light"] .zw-meta-item .k{color:#6a5a42}
[data-theme="light"] .zwc-info-row .v{color:#8a6420}
[data-theme="light"] .zwc-sz .v{color:#3a2f22}
[data-theme="light"] .zw-meta-item .v{color:#3a2f22}
[data-theme="light"] .zw-legend-item{color:#5c4d38}
[data-theme="light"] .pair .side{background:linear-gradient(165deg,rgba(255,252,242,.9),rgba(244,232,204,.8))}
[data-theme="light"] .pair .side:hover{box-shadow:0 10px 30px rgba(120,90,40,.2)}
[data-theme="light"] .ly-yao-table{background:rgba(168,127,46,.04)}
[data-theme="light"] .ly-month{background:rgba(168,127,46,.04)}
[data-theme="light"] .score-big .ring{background:radial-gradient(circle,rgba(168,127,46,.08),transparent 70%)}

/* 黄历"今日"：亮色下用深朱砂实底 + 白字加粗，确保清晰可见 */
[data-theme="light"] .hl-day.today{
  background:linear-gradient(160deg,#a8332a,#7e241c)!important;
  border-color:#7e241c!important;
  box-shadow:0 6px 20px rgba(168,51,42,.4)!important;
}
[data-theme="light"] .hl-day.today .d{color:#fff!important;text-shadow:0 1px 2px rgba(0,0,0,.25)}
[data-theme="light"] .hl-day.today .n{color:rgba(255,255,255,.85)!important}
[data-theme="light"] .hl-day.today .jq{color:#ffd9a0!important}

/* === 亮色下统一去除悬停跳动（版块/卡片/输入/图标仅保留光影变化，不位移） === */
[data-theme="light"] .gold-card:hover,
[data-theme="light"] .glass:hover,
[data-theme="light"] .div-card:hover,
[data-theme="light"] .hl-day:hover,
[data-theme="light"] .hour:hover,
[data-theme="light"] .pillar:hover,
[data-theme="light"] .zw:hover,
[data-theme="light"] .pair .side:hover,
[data-theme="light"] .sc-card:hover,
[data-theme="light"] .qian-card:hover{transform:none!important}
[data-theme="light"] .div-card:hover .ic{transform:none}

/* 抽签：整体浅色宣纸卡片 */
[data-theme="light"] .qian-result{
  background:
    radial-gradient(ellipse at 50% 0%,rgba(168,127,46,.08),transparent 55%),
    linear-gradient(180deg,rgba(255,253,249,.94),rgba(249,243,230,.88));
  border-color:rgba(168,127,46,.28)}
[data-theme="light"] .qian-stage{
  background:
    radial-gradient(ellipse at 50% 0%,rgba(168,127,46,.1),transparent 60%),
    linear-gradient(180deg,rgba(255,253,249,.8),rgba(248,243,232,.6))}
[data-theme="light"] .qs-rules{background:rgba(255,254,251,.6)}
[data-theme="light"] .qs-plaque{
  background:linear-gradient(180deg,rgba(168,127,46,.18),rgba(122,90,30,.1));
  border-color:rgba(168,127,46,.45);
  box-shadow:0 2px 8px rgba(120,90,40,.15)}
[data-theme="light"] .qs-shadow{
  background:radial-gradient(ellipse,rgba(120,90,40,.26),transparent 70%)}
[data-theme="light"] .qr-quote{
  background:rgba(168,127,46,.07);border-color:rgba(168,127,46,.2)}
[data-theme="light"] .qr-deity{
  background:radial-gradient(circle at 50% 35%,rgba(255,250,230,.5),rgba(236,217,168,.5))}
[data-theme="light"] .qr-no{background:rgba(255,254,251,.55)}
[data-theme="light"] .qc-deity{
  background:radial-gradient(circle at 50% 35%,rgba(255,250,230,.5),rgba(236,217,168,.45))}
[data-theme="light"] .qian-card.is-active{
  background:linear-gradient(180deg,rgba(168,127,46,.14),rgba(168,127,46,.03))}

/* 导航：滚动后毛玻璃米白 */
[data-theme="light"] .topbar.scrolled{
  background:rgba(246,236,214,.96);
  border-bottom-color:rgba(168,127,46,.2);
  box-shadow:0 4px 30px rgba(120,90,40,.12);
  backdrop-filter:none;-webkit-backdrop-filter:none}
[data-theme="light"] .nav a{color:var(--ink-2)}
[data-theme="light"] .nav a:hover,
[data-theme="light"] .nav a.on{color:var(--gold-2)}
[data-theme="light"] .brand-sub{color:var(--ink-3)}
[data-theme="light"] .nav-toggle{
  background:rgba(255,252,242,.55);border-color:rgba(168,127,46,.3)}
[data-theme="light"] .nav-toggle span{background:var(--gold-2)}
@media(max-width:960px){
  [data-theme="light"] .nav{
    background:rgba(246,236,214,.97);
    border-left:1px solid rgba(168,127,46,.15)}
  [data-theme="light"] .nav a{border-bottom-color:rgba(168,127,46,.12)}
  [data-theme="light"] .nav a.on{background:rgba(168,127,46,.08)}
}

/* 页脚 */
[data-theme="light"] .footer{
  background:linear-gradient(180deg,transparent,rgba(220,205,170,.4) 40%,rgba(206,188,150,.55));
  border-top-color:rgba(168,127,46,.18)}
[data-theme="light"] .footer-copy,
[data-theme="light"] .footer-tagline{color:var(--ink-3)}

/* Hero 徽标/描述 */
[data-theme="light"] .hero-badge{
  background:rgba(168,127,46,.08);border-color:rgba(168,127,46,.35);color:var(--gold-2)}
[data-theme="light"] .hero-desc,
[data-theme="light"] .hero-title-sub{color:var(--ink-3)}
[data-theme="light"] .scroll-hint{color:var(--ink-3)}
[data-theme="light"] .sec-head .sub,
[data-theme="light"] .sec-title p{color:var(--ink-3)}

/* ============================================================
 * 阴阳切换控件
 * 1) 首屏：阴阳双字滑动开关（.yy-toggle）替代"查看黄历"
 * 2) 顶栏：太极圆钮（.theme-toggle）全局切换
 * ============================================================ */

/* —— 首屏阴阳开关（旋钮位置由 html[data-theme] 驱动，防闪烁） —— */
.yy-toggle{
  position:relative;display:inline-flex;align-items:center;
  height:60px;padding:5px;border-radius:14px;
  border:1px solid var(--glass-border);
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  cursor:pointer;user-select:none;overflow:hidden;
  font-family:var(--font-zhuan);
  transition:border-color .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease);
}
.yy-toggle:hover{border-color:var(--gold);box-shadow:0 0 24px rgba(212,168,87,.18)}
.yy-toggle .yy-opt{
  position:relative;z-index:2;
  display:inline-flex;align-items:center;justify-content:center;
  width:86px;height:100%;font-size:18px;letter-spacing:4px;font-weight:700;
  color:var(--ink-3);transition:color .35s var(--ease);
}
.yy-toggle .yy-knob{
  position:absolute;z-index:1;top:5px;left:5px;
  width:86px;height:calc(100% - 10px);border-radius:10px;
  background:linear-gradient(135deg,var(--gold-2),var(--gold));
  box-shadow:0 4px 16px rgba(212,168,87,.4),inset 0 1px 0 rgba(255,255,255,.35);
  transition:transform .45s cubic-bezier(.34,1.56,.64,1),background .4s;
}
/* 阴（暗色·默认）：旋钮在右，"陰"高亮（深字配亮金钮） */
.yy-toggle .yy-knob{transform:translateX(86px)}
.yy-toggle .yy-opt.yin{color:#1a1208}
.yy-toggle .yy-opt.yang{color:var(--ink-3)}
/* 阳（亮色）：旋钮在左，"陽"高亮（浅字配深金钮） */
[data-theme="light"] .yy-toggle .yy-knob{transform:translateX(0)}
[data-theme="light"] .yy-toggle .yy-opt.yang{color:#fff7e0}
[data-theme="light"] .yy-toggle .yy-opt.yin{color:var(--ink-3)}
[data-theme="light"] .yy-toggle{background:rgba(255,252,242,.55);border-color:rgba(168,127,46,.3)}
[data-theme="light"] .yy-toggle .yy-knob{background:linear-gradient(135deg,var(--gold-3),var(--gold))}

@media(max-width:480px){
  .yy-toggle{height:52px}
  .yy-toggle .yy-opt{width:72px;font-size:16px;letter-spacing:3px}
  .yy-toggle .yy-knob{width:72px}
  .yy-toggle .yy-knob{transform:translateX(72px)}
  [data-theme="light"] .yy-toggle .yy-knob{transform:translateX(0)}
}

/* —— 顶栏太极圆钮 —— */
.theme-toggle{
  position:relative;width:40px;height:40px;border-radius:50%;
  border:1px solid var(--glass-border);
  background:rgba(255,255,255,.04);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;flex-shrink:0;
  transition:border-color .3s,transform .5s var(--ease-bounce),box-shadow .3s;
}
.theme-toggle:hover{border-color:var(--gold);box-shadow:0 0 18px rgba(212,168,87,.3)}
.theme-toggle .taiji{
  position:relative;width:26px;height:26px;border-radius:50%;
  background:linear-gradient(90deg,#f4ead6 50%,#2a2236 50%);
  box-shadow:inset 0 0 6px rgba(0,0,0,.25);
  transition:transform .6s var(--ease-bounce);
}
.theme-toggle .taiji::before,
.theme-toggle .taiji::after{
  content:"";position:absolute;top:0;width:13px;height:13px;border-radius:50%;
}
.theme-toggle .taiji::before{left:0;background:#f4ead6}
.theme-toggle .taiji::after{right:0;background:#2a2236}
.theme-toggle .taiji i{position:absolute;width:5px;height:5px;border-radius:50%;z-index:2}
.theme-toggle .taiji i:nth-child(1){top:4px;left:50%;transform:translateX(-50%);background:#2a2236}
.theme-toggle .taiji i:nth-child(2){bottom:4px;left:50%;transform:translateX(-50%);background:#f4ead6}
.theme-toggle.is-rot{transform:rotate(180deg)}
[data-theme="light"] .theme-toggle{background:rgba(255,252,242,.55);border-color:rgba(168,127,46,.3)}
[data-theme="light"] .theme-toggle .taiji{background:linear-gradient(90deg,#f4ead6 50%,#2a2236 50%)}