/* 消除iOS Google Footer下面的空白 */
html, body {
    height: -webkit-fill-available; /* 关键：强制让 body 填充可用空间 */
    height: 100dvh;
    margin: 0;
    padding: 0;
    overflow-x: hidden; /* 防止横向溢出导致的高度计算偏差 */
}
/* 文章内文上下外边距 */
 .type-post {
    margin: 40px 0px; 
}

/* 2. 针对 WordPress Block 主题的最外层包装 */
/* .wp-site-blocks, #page {
    min-height: 100dvh !important;
    display: flex;
    flex-direction: column;
} */

/* ====== 强制固定菜单栏 (手机+电脑通用版) ====== */

/* 1. 固定头部区域 */
#header {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99999 !important;
    background-color: #ffffff; /* 请确保这里是您想要的背景色 */
    box-shadow: 0 4px 10px rgba(0,0,0,0.05); /* 添加轻微阴影 */
    transform: translate3d(0,0,0); /* 开启硬件加速 */
}

/* 2. 解决内容遮挡问题 (核心修复)
   既然 #main 无效，我们直接给 body 加内边距。
   这会强制网页所有内容整体下移。
*/
body {
    padding-top: 80px !important;
}

/* 4. 手机端适配 (屏幕宽度小于 768px) */
@media (max-width: 1000px) {
    /* 手机端通常菜单比较矮，这里设置手机端的高度 */
    body {
        padding-top: 70px !important; /* 【手机端】菜单高度 */
    }

}

/* 实时报价 */
.stk-block-content.stk-inner-blocks.stk-49928fe-inner-blocks,.stk-block-content.stk-inner-blocks.stk-484e160-inner-blocks{
	 max-width: 1200px;
  height: 600px;
	margin: 0 auto;
}
@media (max-width: 1024px) {
	.stk-block-content.stk-inner-blocks.stk-49928fe-inner-blocks,.stk-block-content.stk-inner-blocks.stk-484e160-inner-blocks{
	height:400px;
}
}
/* @media (max-width: 768px) {
	.stk-block-content.stk-inner-blocks.stk-49928fe-inner-blocks,.stk-block-content.stk-inner-blocks.stk-484e160-inner-blocks{
	height:300px;
}
} */


article.post {
    padding: 64px 0px;
}
 @media (max-width: 768px) {
a#StranLink {
    font-size: 14px;
}
}

/* --- 1. 核心容器：正方形与呼吸动效 --- */
#snav {
    position: fixed;
    right: 20px;
    top: 80%;
    transform: translateY(-50%);
    z-index: 50000;
    
    /* 正方形尺寸 */
    width: 76px;
    height: 76px;
    
    /* 渐变底色与质感 */
    background: linear-gradient(135deg, #E7B221 0%, #D8A828 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    
    /* 动画与过渡 */
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* 贝塞尔回弹效果 */
    box-shadow: 0 8px 16px rgba(0,0,0,0.15), 
                inset 0 1px 1px rgba(255,255,255,0.4); /* 内发光增加厚度感 */
    overflow: hidden;
    text-decoration: none;
    isolation: isolate;
    
    /* 呼吸悬浮动画 */
    animation: snav-float 3s ease-in-out infinite;
}

/* --- 2. 悬停交互：升起与发光 --- */
#snav:hover {
    transform: translateY(-55%) scale(1.08); /* 向上微移并放大 */
    background: linear-gradient(135deg, #E7B221 0%, #D8A828 100%);
    box-shadow: 0 12px 24px rgba(216, 168, 40, 0.4);
}

/* 内部列表布局 */
#snav ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    z-index: 2;
}

/* 图标3D旋转 */
#snav img {
    width: 40px;
    height: 40px;
    transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

#snav:hover img {
    transform: rotateY(360deg); /* 悬停时图标绕Y轴自转 */
}

/* 文字微调 */
#snav p {
    writing-mode: horizontal-tb; /* 确保文字横向排列 */
    color: white;
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    letter-spacing: 0.5px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* --- 3. 高级感核心：丝滑流光闪过 --- */
#snav::before {
    content: "";
    position: absolute;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to right,
        transparent,
        rgba(255, 255, 255, 0.5),
        transparent
    );
    transform: skewX(-30deg);
}

#snav:hover::before {
    left: 150%;
    transition: 0.7s ease-in-out; /* 鼠标划过时光影闪过 */
}

/* --- 4. 珍珠光晕 (环境光) --- */
#snav::after {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255,255,255,0.25) 0%, transparent 60%);
    pointer-events: none;
    z-index: 1;
    animation: pearl-glow 4s infinite alternate;
}

/* --- 5. 动画关键帧 --- */

/* 浮动动画：让按钮看起来是“活的” */
@keyframes snav-float {
    0%, 100% { transform: translateY(-50%); }
    50% { transform: translateY(-58%); }
}

/* 珍珠光斑缓缓漂移 */
@keyframes pearl-glow {
    0% { transform: translate(-20%, -20%); opacity: 0.3; }
    100% { transform: translate(10%, 10%); opacity: 0.6; }
}

/* 响应式适配 */
@media (max-width: 768px) {
    #snav {
        width: 64px;
        height: 64px;
        right: 10px;
        animation: none; /* 移动端建议关闭浮动以防误触 */
    }
    #snav img { width: 26px; height: 26px; }
    #snav p { font-size: 11px; }
}