/*
Theme Name: 捷径范-快捷指令分享
Theme URI: https://jiejing.fun
Author: Antigravity
Author URI: https://google.com
Description: 1:1 复刻 iOS 快捷指令 App 的第三方捷径分享主题
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jiejing
*/

/* 引入基础全局 CSS 变量与设定 */
:root {
  /* 基础颜色 - 苹果推荐规范语义化 */
  --system-background: #000000;
  --secondary-system-background: #1C1C1E;
  --tertiary-system-background: #2C2C2E;
  --system-fill: rgba(120, 120, 128, 0.2);
  --label: #FFFFFF;
  --secondary-label: rgba(235, 235, 245, 0.6);
  --tertiary-label: rgba(235, 235, 245, 0.3);
  --quaternary-label: rgba(235, 235, 245, 0.16);
  --link: #0A84FF;
  
  /* 原生应用字体 */
  --font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (prefers-color-scheme: light) {
  :root {
    --system-background: #F2F2F7;
    --secondary-system-background: #FFFFFF;
    --tertiary-system-background: #FFFFFF;
    --system-fill: rgba(120, 120, 128, 0.08); /* Changed from 0.2 */
    --label: #000000;
    --secondary-label: rgba(60, 60, 67, 0.6);
    --tertiary-label: rgba(60, 60, 67, 0.3);
    --quaternary-label: rgba(60, 60, 67, 0.18);
    --link: #007AFF;
  }
}

body {
  font-family: var(--font-family);
  background-color: var(--system-background);
  color: var(--label);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}

/* 隐藏滚动条但保留原生滚动 */
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* 
Liquid Glass 质感基调 
使用较强的背景模糊 + 轻微半透明纯色来进行色彩堆叠 
*/
.glass-panel {
  background-color: var(--system-fill);
  backdrop-filter: saturate(180%) blur(25px);
  -webkit-backdrop-filter: saturate(180%) blur(25px);
}

/* 高级阴影与过渡动画组 (Safari) */
.smooth-spring {
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.15); /* 类似弹簧的效果 */
}
.active-press:active {
    transform: scale(0.96);
    transition: transform 0.1s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 自定义对话框样式 */
dialog#shortcut-modal {
    margin: auto;
    padding: 0;
    width: 100%;
    max-width: 448px;
    height: 100vh;
    height: 100dvh;
    background: transparent;
    border: none;
    outline: none;
}
dialog#shortcut-modal::backdrop {
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    opacity: 0;
    transition: opacity 0.3s ease;
}
dialog#shortcut-modal[open]::backdrop {
    opacity: 1;
}

/* Modals 入场动画 - 简单淡入 */
@keyframes simpleFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.modal-content-wrapper {
    animation: simpleFadeIn 0.2s ease-out forwards;
}

/* 隐藏 WordPress 顶栏对前台布局的影响 */
#wpadminbar { display: none !important; }

/* 🌟 流光渐变网格背景 (Mesh Gradient Background) - 快捷指令原生暗黑晶格风格 */
@keyframes fluidMesh {
    0% { background-position: 0% 0%; }
    50% { background-position: 100% 100%; }
    100% { background-position: 0% 0%; }
}

.mesh-gradient-bg {
    background-color: #F2F4F8; /* 浅亮度灰 */
    min-height: 100vh;
    transition: background-color 0.5s ease;
}

.dark .mesh-gradient-bg {
    background-color: #070714; /* 深邃黑 */
}