/* ============================================================
   显而易见 · Web 全局样式入口
   设计令牌（唯一色板）与柔光基础层。各页内联 <style> 保留逐页规则，
   色值一律引用这里的变量；本文件由 15 个用户端页面 <link> 引入。
   后台 ops / admin2 / agent 不引入本文件（本期保持原样）。
   ============================================================ */
:root {
    /* 页面底色：灰绿基底 + 左上→右下斜向光带（按参考图采样校准） */
    --bg:        #C9D2C0;   /* 纯色兜底 / pages.json 窗口背景基准 */
    --bg-warm:   #C6C6B3;   /* glow_upper_mid：左上灰绿基底，暖白改由光层承担 */
    --bg-mid:    #BAC0B2;   /* bg_mid_left：中段灰绿 */
    --bg-2:      #C6CDC0;   /* bg_bottom：底部灰绿略提亮 */
    --bg-grad:   linear-gradient(160deg,
                   var(--bg-warm) 0%,
                   var(--bg-mid) 34%,
                   var(--bg-2) 100%);
    --card:      #FFFDF7;   /* 奶油白实底 */
    --card-grad: linear-gradient(135deg,
                   #FFFFFF 0%,
                   #FBE3DC 52%,
                   #F2D8B8 100%);   /* 温馨提示：白→桃粉→淡杏 */
    --primary:      #6E8A6B;
    --primary-soft: #8FA98B;
    --peach:        #E9B7AC;
    --apricot:      #F2D8B8;
    --ink:          #2E3A31;
    --line:         #C89F7B;
    --glow:         rgba(255,248,232,.60);   /* 旧引用兼容 */
    --glow-peak:    rgba(245,235,215,.94);   /* 光带暖白峰值：glow_left #F5EBD7 */
    --glow-grad:    linear-gradient(57.0deg,
                      rgba(198,197,179,0)                  0%,
                      rgba(198,197,179,0)                  61.5%,
                      rgba(198,197,179,.5)                 64.0%,
                      rgb(198,197,179)                     66.5%,
                      rgb(198,197,179)                     100%),
                    linear-gradient(153deg,
                      rgba(230,196,168,.16)                0%,
                      rgba(230,196,168,.11)                12%,
                      rgba(245,235,215,0)                  28%,
                      rgba(198,205,192,0)                  42%,
                      rgba(198,205,192,.1)                 55%,
                      rgba(198,205,192,.36)                68%,
                      rgba(198,205,192,.7)                 80%,
                      rgba(198,205,192,.93)                90%,
                      rgba(198,205,192,.98)                100%),
                    linear-gradient(63deg,
                      rgba(245,235,215,0)                  0%,
                      rgba(245,235,215,0)                  30%,
                      rgba(245,235,215,.45)                32%,
                      rgba(245,235,215,.82)                36%,
                      rgba(245,235,215,.91)                40%,
                      var(--glow-peak)                     50%,
                      rgba(245,235,215,.91)                60%,
                      rgba(245,235,215,.82)                64%,
                      rgba(245,235,215,.45)                68%,
                      rgba(245,235,215,0)                  70%,
                      rgba(245,235,215,0)                  100%);
    --tabbar-bg:    rgba(253,250,242,.96);   /* 奶油白栏底，不铺绿 */
    --shadow-card:  0 8px 28px rgba(78,92,72,.10);
    --field-bg:     rgba(200,159,123,.07);   /* 表单控件暖调淡底 */
    --line-soft:    rgba(200,159,123,.18);   /* 内页四角 L 形柔化描边 */
    /* 兼容别名：第28期遗留引用，逐字保留 */
    --surface: var(--card);
    --primary-deep: var(--primary);
    --accent: var(--peach);
    --accent-warm: var(--apricot);
    --ink-soft: #6B766C;
}

/* ============================================================
   斜向光带：独立伪元素 + blur，不叠在 background 里。
   三层渐变：φ 斜向遮盖压在最上层，只收窄顶部光柱右缘、底部零覆盖；
   153deg 沿柱三段包络居中（顶部偏暖偏浓、中段最亮、沿左上→右下持续变淡，
   右下角基本融入灰绿底色）；63deg 钟形横截面斜带在底层，边缘柔和无硬边。
   Web 15 页由 body 直接承载内容、无统一 .page 容器，故用 fixed + vw/vh
   定义全局光层；html 只裁横向溢出，保留纵向滚动。
   ============================================================ */
html { overflow-x: hidden; }
body { position: relative; }
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    /* 三层：φ 斜向遮盖（顶部收窄）＋153deg 沿柱衰减（右下融入底色）＋63deg 钟形斜带；blur 仅做 8px 边缘抛光 */
    background: var(--glow-grad);
    filter: blur(8px);
}
body::after {
    /* 底部装饰带：满宽 4:1，盒底紧贴 .tab-bar 上沿（60px），零缝隙。
       PNG 为 1080×270 RGBA 透明长条，可见内容贴图片下沿；background-size
       100% 100% 保证 4:1 不变形、不裁切、不留白。z-index:0 在内容层(1)之下，
       pointer-events:none 不拦点击。无底栏页由 body.no-tabbar 覆盖 bottom:0。 */
    content: "";
    position: fixed;
    left: 0;
    bottom: 60px;
    width: 100%;
    height: 25vw;
    z-index: 0;
    pointer-events: none;
    background-image: url("img/down-img.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: left bottom;
}
body.no-tabbar::after {
    /* 无底栏页（post-detail / optimize）：贴屏幕底 bottom:0 */
    bottom: 0;
}

/* 内容层浮在光之上；fixed 的登录按钮、装饰层、底栏排除，避免改写其定位 */
body > *:not(#authBtn):not(#xeyjLoginMask):not(.botanical):not(.deco-layer):not(.tab-bar):not(.xeyj-login-mask):not(.auth-btn):not(.camera-modal):not(.modal):not(.modal-mask):not(.energy-mask):not(.progression-tip) {
    position: relative;
    z-index: 1;
}

/* 原生 button 继承主题字体，避免浏览器默认字体与整体风格不搭 */
button { font-family: inherit; }