@charset "utf-8";
/* ============================================================================
   LongPT · Nebula · DomTT 浮层样式
   ----------------------------------------------------------------------------
   配套 tokens.css / base.css / components.css 使用。
   负责：鼠标悬停提示框（div.niceTitle）、表情面板（div.smilies）、
        附件浮层（div.attach）。全部走设计令牌，深浅主题自动适配。
   ============================================================================ */

/* — 鼠标悬停提示框（种子标题 tooltip 等） — */
div.niceTitle {
    position: absolute;
    top: 0;
    left: 0;
    z-index: var(--nx-z-popover);
    max-width: 620px;
    padding: var(--nx-space-4) var(--nx-space-5);
    background: var(--nx-surface);
    color: var(--nx-text);
    font-family: var(--nx-font-sans);
    font-size: var(--nx-font-base);
    line-height: var(--nx-leading-normal);
    text-align: left;
    border: var(--nx-border-thin) solid var(--nx-border-strong);
    border-radius: var(--nx-radius-lg);
    box-shadow: var(--nx-shadow-xl);
    opacity: 0.98;
    -webkit-backdrop-filter: saturate(180%) blur(8px);
    backdrop-filter: saturate(180%) blur(8px);
    overflow-wrap: anywhere;
}
div.niceTitle .big {
    display: block;
    margin-bottom: var(--nx-space-2);
    font-size: var(--nx-font-md);
    font-weight: var(--nx-weight-semibold);
    color: var(--nx-text);
    line-height: var(--nx-leading-snug);
}
div.niceTitle .medium {
    display: block;
    color: var(--nx-text-secondary);
    font-size: var(--nx-font-base);
    line-height: var(--nx-leading-normal);
}
div.niceTitle b, div.niceTitle strong { color: var(--nx-text); font-weight: var(--nx-weight-semibold); }
div.niceTitle a { color: var(--nx-link); }

/* — 表情选择面板 — */
div.smilies {
    position: absolute;
    z-index: var(--nx-z-popover);
    padding: var(--nx-space-4);
    background: var(--nx-surface);
    border: var(--nx-border-thin) solid var(--nx-border-strong);
    border-radius: var(--nx-radius-lg);
    box-shadow: var(--nx-shadow-xl);
    line-height: 1;
}
div.smilies img {
    padding: var(--nx-space-1);
    border-radius: var(--nx-radius-sm);
    cursor: pointer;
    transition: background-color var(--nx-dur-fast) var(--nx-ease-out),
                transform var(--nx-dur-fast) var(--nx-ease-out);
}
div.smilies img:hover {
    background: var(--nx-primary-soft);
    transform: scale(1.15);
}

/* — 附件浮层 — */
div.attach {
    position: absolute;
    z-index: var(--nx-z-popover);
    max-width: 480px;
    padding: var(--nx-space-4) var(--nx-space-5);
    background: var(--nx-surface);
    color: var(--nx-text);
    font-size: var(--nx-font-base);
    line-height: var(--nx-leading-normal);
    border: var(--nx-border-thin) solid var(--nx-border-strong);
    border-radius: var(--nx-radius-lg);
    box-shadow: var(--nx-shadow-xl);
}
div.attach a { color: var(--nx-link); }

/* — layer 弹层（layer.js）深浅适配 — */
.layui-layer {
    color: var(--nx-text) !important;
    background: var(--nx-surface) !important;
    border-radius: var(--nx-radius-xl) !important;
    box-shadow: var(--nx-shadow-xl) !important;
    border: var(--nx-border-thin) solid var(--nx-border) !important;
}
.layui-layer-title {
    background: var(--nx-surface-sunken) !important;
    color: var(--nx-text) !important;
    border-bottom: var(--nx-border-thin) solid var(--nx-border) !important;
    border-radius: var(--nx-radius-xl) var(--nx-radius-xl) 0 0 !important;
    font-weight: var(--nx-weight-semibold) !important;
}
.layui-layer-content { color: var(--nx-text) !important; }
.layui-layer-btn a {
    border-radius: var(--nx-radius-md) !important;
    border-color: var(--nx-border-strong) !important;
    background: var(--nx-surface) !important;
    color: var(--nx-text) !important;
    transition: all var(--nx-dur-fast) var(--nx-ease-out);
}
.layui-layer-btn a:hover {
    border-color: var(--nx-primary) !important;
    background: var(--nx-primary-soft) !important;
    color: var(--nx-primary-strong) !important;
}
.layui-layer-btn .layui-layer-btn0 {
    background: var(--nx-primary) !important;
    border-color: var(--nx-primary) !important;
    color: var(--nx-on-primary) !important;
}