/*!
 * LGNewUi Pro - Partner Program Stylesheet
 * Copyright (c) Ki / LGNewUi. All rights reserved.
 *
 * 本文件为 LGNewUi 原创作品，仅限获得合法授权的用户在其自有站点使用。
 * 未经书面许可，禁止以任何形式对本作品进行：
 *   - 代码爬取 / 批量抓取 / 自动化采集
 *   - 复制、改写、二次分发、出售、出租、开源发布
 *   - 反编译 / 反混淆 / 逆向工程，或用于训练与生成相似实现
 *   - 结构复刻 / 界面模仿 / 视觉抄袭等实质性相似行为
 *
 * 侵权一经发现，将固定证据并依法追究（民事 / 行政 / 刑事路径）。
 * 授权定制与商务合作：请通过作者渠道联系。
 */

/* ============================================================
   Partner Program · 授权商合作页专用样式
   ============================================================ */

/* 锚点跳转预留 fixed nav 高度, 避免标题被顶部导航遮住 */
html {
    scroll-padding-top: 4rem;
}

@media (min-width: 768px) {
    html {
        scroll-padding-top: 5rem;
    }
}

body {
    background-color: #050505;
    color: #FAFAFA;
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
}

/* ====== 细微的网格背景 (纯黑白透明度) ====== */
.bg-grid {
    background-size: 40px 40px;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
                      linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
}

/* ====== 玻璃拟态卡片 (纯中性灰黑) ====== */
.glass-card {
    background: rgba(10, 10, 10, 0.6);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(38, 38, 38, 1);
}

/* ====== 自定义滚动条 ====== */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #050505;
}

::-webkit-scrollbar-thumb {
    background: #262626;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #404040;
}

/* ====== 协议列表样式 (有序计数器) ====== */
.agreement-list {
    counter-reset: agreement-counter;
}

.agreement-list li {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 1rem;
}

.agreement-list li::before {
    counter-increment: agreement-counter;
    content: counter(agreement-counter) ".";
    position: absolute;
    left: 0;
    top: 0;
    color: #A3A3A3;
    font-weight: 600;
}

/* ====== 渐变文本 (跨浏览器兼容) ====== */
.text-gradient {
    background: linear-gradient(to right, #ffffff, #a1a1aa);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* ====== FAQ 手风琴动画 ====== */
.faq-wrapper {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.faq-wrapper.is-open {
    grid-template-rows: 1fr;
}

.faq-inner {
    overflow: hidden;
}

/* ====== 弹窗动画 ====== */
.modal-enter {
    opacity: 1 !important;
    pointer-events: auto !important;
}

.modal-enter .modal-content {
    transform: scale(1) translateY(0);
    opacity: 1;
}

.modal-exit {
    opacity: 0;
    pointer-events: none;
}

.modal-content {
    transform: scale(0.95) translateY(10px);
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}