cardex

TITAN_001

Chub· 1 cards· 0 lorebooks· active –

<div style="position: relative; padding: 3px; background: linear-gradient(145deg, #e8e4dc, #faf8f5, #c8c4bc, #f0ece4, #b8b4ac, #f5f3ef, #d4d0c8); border-radius: 28px; box-shadow: 0 0 100px rgba(180,175,165,0.05), 0 8px 48px rgba(0,0,0,0.8), inset 0 0 60px rgba(0,0,0,0.3);">

    <!-- 内层过渡 -->
    <div style="position: relative; padding: 2px; background: linear-gradient(160deg, #2a2824, #141210, #2a2824); border-radius: 26px;">

        <!-- 内容边框 -->
        <div style="position: relative; background: rgba(10,8,6,0.96); border: 1px solid rgba(200,195,185,0.10); border-radius: 24px; box-shadow: 0 0 0 1px rgba(200,195,185,0.04) inset, inset 0 0 80px rgba(0,0,0,0.7); overflow: hidden;">

            <!-- ===== 背景特效层(保持不变) ===== -->
            <div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 1; overflow: hidden;">

                <!-- 流星 -->
                <div class="meteor-1" style="position: absolute; top: -10%; right: -5%; width: 140px; height: 2px; background: linear-gradient(270deg, rgba(255,250,245,0.8), rgba(200,195,185,0.2) 40%, transparent); border-radius: 2px; box-shadow: 0 0 20px rgba(255,250,245,0.15), 0 0 60px rgba(200,195,185,0.05); transform-origin: right center;">
                    <span style="position: absolute; left: -4px; top: -3px; width: 8px; height: 8px; background: radial-gradient(circle, rgba(255,255,255,0.9), rgba(200,195,185,0.3)); border-radius: 50%; box-shadow: 0 0 30px rgba(255,250,245,0.2);"></span>
                </div>
                <div class="meteor-2" style="position: absolute; top: -5%; right: -3%; width: 120px; height: 1.5px; background: linear-gradient(270deg, rgba(255,250,245,0.7), rgba(200,195,185,0.15) 35%, transparent); border-radius: 2px; box-shadow: 0 0 16px rgba(255,250,245,0.12), 0 0 50px rgba(200,195,185,0.04); transform-origin: right center;">
                    <span style="position: absolute; left: -3px; top: -2.5px; width: 6px; height: 6px; background: radial-gradient(circle, rgba(255,255,255,0.8), rgba(200,195,185,0.2)); border-radius: 50%; box-shadow: 0 0 24px rgba(255,250,245,0.15);"></span>
                </div>
                <div class="meteor-3" style="position: absolute; top: -15%; right: -8%; width: 100px; height: 1.5px; background: linear-gradient(270deg, rgba(255,250,245,0.6), rgba(200,195,185,0.12) 30%, transparent); border-radius: 2px; box-shadow: 0 0 12px rgba(255,250,245,0.10), 0 0 40px rgba(200,195,185,0.03); transform-origin: right center;">
                    <span style="position: absolute; left: -3px; top: -2.5px; width: 6px; height: 6px; background: radial-gradient(circle, rgba(255,255,255,0.7), rgba(200,195,185,0.15)); border-radius: 50%; box-shadow: 0 0 20px rgba(255,250,245,0.12);"></span>
                </div>
                <div class="meteor-4" style="position: absolute; top: -2%; right: -2%; width: 150px; height: 2px; background: linear-gradient(270deg, rgba(255,250,245,0.5), rgba(200,195,185,0.10) 25%, transparent); border-radius: 2px; box-shadow: 0 0 14px rgba(255,250,245,0.08), 0 0 45px rgba(200,195,185,0.03); transform-origin: right center;">
                    <span style="position: absolute; left: -4px; top: -3px; width: 8px; height: 8px; background: radial-gradient(circle, rgba(255,255,255,0.6), rgba(200,195,185,0.15)); border-radius: 50%; box-shadow: 0 0 20px rgba(255,250,245,0.10);"></span>
                </div>

                <!-- 斜纹网格 -->
                <div style="position: absolute; top: -10%; left: -10%; width: 120%; height: 120%; background: 
                    repeating-linear-gradient(55deg, transparent, transparent 16px, rgba(200,195,185,0.02) 16px, rgba(200,195,185,0.02) 17px),
                    repeating-linear-gradient(-35deg, transparent, transparent 22px, rgba(200,195,185,0.015) 22px, rgba(200,195,185,0.015) 23px);
                    pointer-events: none;"></div>

                <!-- 装饰线条 -->
                <div style="position: absolute; top: 8%; right: -10%; width: 35%; height: 1px; background: linear-gradient(90deg, transparent, rgba(200,195,185,0.08), rgba(220,215,205,0.18), rgba(200,195,185,0.08), transparent); transform: rotate(28deg); box-shadow: 0 0 16px rgba(200,195,185,0.03);"></div>
                <div style="position: absolute; bottom: 12%; left: -10%; width: 30%; height: 1px; background: linear-gradient(90deg, transparent, rgba(200,195,185,0.06), rgba(220,215,205,0.14), rgba(200,195,185,0.06), transparent); transform: rotate(-22deg); box-shadow: 0 0 12px rgba(200,195,185,0.02);"></div>
                <div style="position: absolute; top: 50%; left: 2%; width: 12%; height: 1px; background: linear-gradient(90deg, transparent, rgba(200,195,185,0.06), rgba(200,195,185,0.02), transparent); transform: rotate(-8deg);"></div>
                <div style="position: absolute; top: 30%; right: 4%; width: 10%; height: 1px; background: linear-gradient(90deg, rgba(200,195,185,0.04), rgba(200,195,185,0.08), transparent); transform: rotate(12deg);"></div>
                <div style="position: absolute; bottom: 40%; left: 6%; width: 6%; height: 1px; background: linear-gradient(90deg, transparent, rgba(200,195,185,0.06), rgba(200,195,185,0.02)); transform: rotate(-15deg);"></div>

                <!-- 星座连线 -->
                <div style="position: absolute; top: 10%; left: 16%; display: flex; gap: 16px; align-items: center; opacity: 0.12;">
                    <span style="display: inline-block; width: 3px; height: 3px; background: rgba(200,195,185,0.4); border-radius: 50%; box-shadow: 0 0 8px rgba(200,195,185,0.15);"></span>
                    <span style="display: inline-block; width: 26px; height: 1px; background: linear-gradient(90deg, rgba(200,195,185,0.15), transparent);"></span>
                    <span style="display: inline-block; width: 4px; height: 4px; background: rgba(200,195,185,0.3); border-radius: 50%; box-shadow: 0 0 12px rgba(200,195,185,0.10);"></span>
                    <span style="display: inline-block; width: 18px; height: 1px; background: linear-gradient(90deg, rgba(200,195,185,0.10), transparent);"></span>
                    <span style="display: inline-block; width: 3px; height: 3px; background: rgba(200,195,185,0.2); border-radius: 50%;"></span>
                </div>
                <div style="position: absolute; bottom: 12%; right: 10%; display: flex; gap: 12px; align-items: center; opacity: 0.10;">
                    <span style="display: inline-block; width: 2px; height: 2px; background: rgba(200,195,185,0.3); border-radius: 50%;"></span>
                    <span style="display: inline-block; width: 22px; height: 1px; background: linear-gradient(90deg, rgba(200,195,185,0.10), transparent);"></span>
                    <span style="display: inline-block; width: 5px; height: 5px; background: rgba(200,195,185,0.2); border-radius: 50%; box-shadow: 0 0 14px rgba(200,195,185,0.08);"></span>
                    <span style="display: inline-block; width: 14px; height: 1px; background: linear-gradient(90deg, rgba(200,195,185,0.06), transparent);"></span>
                    <span style="display: inline-block; width: 3px; height: 3px; background: rgba(200,195,185,0.15); border-radius: 50%;"></span>
                </div>

                <!-- 火星粒子(精简数量,保留最显眼的部分) -->
                <span style="position: absolute; top: 5%; left: 20%; width: 5px; height: 5px; background: radial-gradient(circle, rgba(255,250,245,0.45), rgba(200,195,185,0.08)); border-radius: 50%; box-shadow: 0 0 18px rgba(200,195,185,0.22); animation: twinkle-ultraslow 8s ease-in-out infinite; animation-delay: 0.0s;"></span>
                <span style="position: absolute; bottom: 20%; left: 10%; width: 4px; height: 4px; background: radial-gradient(circle, rgba(255,250,245,0.40), rgba(200,195,185,0.06)); border-radius: 50%; box-shadow: 0 0 14px rgba(200,195,185,0.16); animation: twinkle-ultraslow 8s ease-in-out infinite; animation-delay: 2.4s;"></span>
                <span style="position: absolute; bottom: 6%; right: 18%; width: 4px; height: 4px; background: radial-gradient(circle, rgba(255,250,245,0.35), rgba(200,195,185,0.06)); border-radius: 50%; box-shadow: 0 0 16px rgba(200,195,185,0.14); animation: twinkle-ultraslow 8s ease-in-out infinite; animation-delay: 4.8s;"></span>
                <span style="position: absolute; top: 70%; right: 28%; width: 5px; height: 5px; background: radial-gradient(circle, rgba(255,250,245,0.30), rgba(200,195,185,0.06)); border-radius: 50%; box-shadow: 0 0 18px rgba(200,195,185,0.12); animation: twinkle-ultraslow 8s ease-in-out infinite; animation-delay: 7.2s;"></span>

                <span style="position: absolute; top: 32%; left: 4%; width: 4px; height: 4px; background: radial-gradient(circle, rgba(255,250,245,0.50), rgba(200,195,185,0.10)); border-radius: 50%; box-shadow: 0 0 20px rgba(200,195,185,0.20); animation: twinkle-slow 6s ease-in-out infinite; animation-delay: 0.6s;"></span>
                <span style="position: absolute; bottom: 40%; right: 14%; width: 4px; height: 4px; background: radial-gradient(circle, rgba(255,250,245,0.35), rgba(200,195,185,0.08)); border-radius: 50%; box-shadow: 0 0 14px rgba(200,195,185,0.14); animation: twinkle-slow 6s ease-in-out infinite; animation-delay: 2.8s;"></span>
                <span style="position: absolute; top: 48%; left: 22%; width: 3px; height: 3px; background: radial-gradient(circle, rgba(255,250,245,0.30), rgba(200,195,185,0.06)); border-radius: 50%; box-shadow: 0 0 10px rgba(200,195,185,0.10); animation: twinkle-slow 6s ease-in-out infinite; animation-delay: 5.0s;"></span>

                <span style="position: absolute; top: 14%; right: 12%; width: 3px; height: 3px; background: radial-gradient(circle, rgba(255,250,245,0.45), rgba(200,195,185,0.08)); border-radius: 50%; box-shadow: 0 0 14px rgba(200,195,185,0.18); animation: twinkle-medium 5s ease-in-out infinite; animation-delay: 0.3s;"></span>
                <span style="position: absolute; top: 55%; right: 4%; width: 6px; height: 6px; background: radial-gradient(circle, rgba(255,250,245,0.35), rgba(200,195,185,0.08)); border-radius: 50%; box-shadow: 0 0 24px rgba(200,195,185,0.18); animation: twinkle-medium 5s ease-in-out infinite; animation-delay: 1.8s;"></span>
                <span style="position: absolute; top: 8%; left: 6%; width: 3px; height: 3px; background: radial-gradient(circle, rgba(255,250,245,0.30), rgba(200,195,185,0.06)); border-radius: 50%; box-shadow: 0 0 12px rgba(200,195,185,0.12); animation: twinkle-medium 5s ease-in-out infinite; animation-delay: 3.5s;"></span>

                <span style="position: absolute; top: 42%; left: 8%; width: 3px; height: 3px; background: radial-gradient(circle, rgba(255,250,245,0.50), rgba(200,195,185,0.08)); border-radius: 50%; box-shadow: 0 0 12px rgba(200,195,185,0.18); animation: twinkle-fast 3.5s ease-in-out infinite; animation-delay: 0.9s;"></span>
                <span style="position: absolute; top: 78%; right: 8%; width: 4px; height: 4px; background: radial-gradient(circle, rgba(255,250,245,0.35), rgba(200,195,185,0.06)); border-radius: 50%; box-shadow: 0 0 10px rgba(200,195,185,0.12); animation: twinkle-fast 3.5s ease-in-out infinite; animation-delay: 2.4s;"></span>

                <!-- 漂浮星芒 -->
                <span class="float-star-slow" style="position: absolute; top: 12%; left: 26%; font-size: 18px; color: rgba(220,215,205,0.07); text-shadow: 0 0 28px rgba(200,195,185,0.03);">✦</span>
                <span class="float-star-slow float-star-slow-d1" style="position: absolute; bottom: 22%; left: 18%; font-size: 20px; color: rgba(220,215,205,0.05); text-shadow: 0 0 32px rgba(200,195,185,0.02);">✧</span>
                <span class="float-star-slow float-star-slow-d2" style="position: absolute; top: 60%; right: 18%; font-size: 14px; color: rgba(220,215,205,0.07); text-shadow: 0 0 24px rgba(200,195,185,0.03);">✦</span>
                <span class="float-star-medium" style="position: absolute; top: 20%; right: 18%; font-size: 12px; color: rgba(220,215,205,0.08); text-shadow: 0 0 20px rgba(200,195,185,0.03);">✧</span>
                <span class="float-star-medium float-star-medium-d1" style="position: absolute; bottom: 10%; right: 12%; font-size: 16px; color: rgba(220,215,205,0.06); text-shadow: 0 0 26px rgba(200,195,185,0.02);">✦</span>
                <span class="float-star-medium float-star-medium-d2" style="position: absolute; top: 48%; left: 6%; font-size: 9px; color: rgba(220,215,205,0.09);">◇</span>

                <!-- 脉冲光晕 -->
                <div class="pulse-ring" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 70%; height: 50%; border-radius: 50%; background: radial-gradient(ellipse, rgba(200,195,185,0.03), transparent 70%); pointer-events: none;"></div>

                <!-- 环 -->
                <div class="spin-gem" style="position: absolute; top: 6px; left: 50%; transform: translateX(-50%); font-size: 10px; color: rgba(200,195,185,0.05); letter-spacing: 20px; user-select: none; white-space: nowrap;">
                    ◇ ✧ ◇ ✧ ◇ ✧ ◇ ✧ ◇
                </div>
                <div class="spin-gem" style="position: absolute; bottom: 6px; left: 50%; transform: translateX(-50%) rotate(180deg); font-size: 10px; color: rgba(200,195,185,0.05); letter-spacing: 20px; user-select: none; white-space: nowrap;">
                    ◇ ✧ ◇ ✧ ◇ ✧ ◇ ✧ ◇
                </div>

            </div>

            <!-- ===== 四角 + 边中装饰 ===== -->
            <div style="position: absolute; top: 12px; left: 16px; z-index: 5; font-size: 16px; color: rgba(200,195,185,0.15); text-shadow: 0 0 32px rgba(200,195,185,0.04);">✦</div>
            <div style="position: absolute; top: 12px; right: 16px; z-index: 5; font-size: 16px; color: rgba(200,195,185,0.15); text-shadow: 0 0 32px rgba(200,195,185,0.04);">✧</div>
            <div style="position: absolute; bottom: 12px; left: 16px; z-index: 5; font-size: 16px; color: rgba(200,195,185,0.15); text-shadow: 0 0 32px rgba(200,195,185,0.04);">✧</div>
            <div style="position: absolute; bottom: 12px; right: 16px; z-index: 5; font-size: 16px; color: rgba(200,195,185,0.15); text-shadow: 0 0 32px rgba(200,195,185,0.04);">✦</div>

            <div style="position: absolute; top: 50%; left: 18px; z-index: 5; transform: translateY(-50%); font-size: 11px; color: rgba(200,195,185,0.09); text-shadow: 0 0 16px rgba(200,195,185,0.02);">◇</div>
            <div style="position: absolute; top: 50%; right: 18px; z-index: 5; transform: translateY(-50%); font-size: 11px; color: rgba(200,195,185,0.09); text-shadow: 0 0 16px rgba(200,195,185,0.02);">◇</div>
            <div style="position: absolute; left: 50%; top: 14px; z-index: 5; transform: translateX(-50%); font-size: 11px; color: rgba(200,195,185,0.09); text-shadow: 0 0 16px rgba(200,195,185,0.02);">◇</div>
            <div style="position: absolute; left: 50%; bottom: 14px; z-index: 5; transform: translateX(-50%); font-size: 11px; color: rgba(200,195,185,0.09); text-shadow: 0 0 16px rgba(200,195,185,0.02);">◇</div>

            <!-- 四角延伸小星芒 -->
            <div style="position: absolute; top: 4px; left: 8px; z-index: 5; font-size: 6px; color: rgba(200,195,185,0.06);">✦</div>
            <div style="position: absolute; top: 4px; right: 8px; z-index: 5; font-size: 6px; color: rgba(200,195,185,0.06);">✦</div>
            <div style="position: absolute; bottom: 4px; left: 8px; z-index: 5; font-size: 6px; color: rgba(200,195,185,0.06);">✦</div>
            <div style="position: absolute; bottom: 4px; right: 8px; z-index: 5; font-size: 6px; color: rgba(200,195,185,0.06);">✦</div>

            <!-- ===== 边框光带 ===== -->
            <div style="position: absolute; top: 4px; left: 15%; right: 15%; height: 1px; background: linear-gradient(90deg, transparent, rgba(200,195,185,0.05), rgba(220,215,205,0.18), rgba(200,195,185,0.05), transparent); z-index: 1;"></div>
            <div style="position: absolute; bottom: 4px; left: 15%; right: 15%; height: 1px; background: linear-gradient(90deg, transparent, rgba(200,195,185,0.05), rgba(220,215,205,0.18), rgba(200,195,185,0.05), transparent); z-index: 1;"></div>
            <div style="position: absolute; top: -1px; left: 25%; right: 25%; height: 2px; background: radial-gradient(ellipse, rgba(200,195,185,0.05), transparent); z-index: 0;"></div>
            <div style="position: absolute; bottom: -1px; left: 25%; right: 25%; height: 2px; background: radial-gradient(ellipse, rgba(200,195,185,0.05), transparent); z-index: 0;"></div>

            <!-- ========================================== -->
            <!-- ===== 内容区 ===== -->
            <!-- ========================================== -->
            <div style="padding: 22px 30px 18px 30px; position: relative; z-index: 2;">

                <!-- ===== 顶栏 ===== -->
                <div style="text-align: center; position: relative; padding-bottom: 6px;">

                    <!-- 顶部光晕 -->
                    <div style="position: absolute; top: -18px; left: 50%; transform: translateX(-50%); width: 100px; height: 36px; background: radial-gradient(ellipse, rgba(200,195,185,0.05), transparent 70%); pointer-events: none;"></div>

                    <!-- 装饰符号行 -->
                    <div style="font-family: 'Georgia', serif; font-size: 10px; color: rgba(200,195,185,0.15); letter-spacing: 12px; margin-bottom: 2px; user-select: none;">
                        <span style="display: inline-block; animation: twinkle-slow 6s ease-in-out infinite; animation-delay: 0.1s;">✦</span><span style="display: inline-block; animation: twinkle-medium 5s ease-in-out infinite; animation-delay: 0.8s;">✧</span><span style="display: inline-block; animation: twinkle-ultraslow 8s ease-in-out infinite; animation-delay: 2.0s;">✦</span><span style="display: inline-block; animation: twinkle-fast 3.5s ease-in-out infinite; animation-delay: 1.2s;">✧</span><span style="display: inline-block; animation: twinkle-slow 6s ease-in-out infinite; animation-delay: 3.5s;">✦</span>
                    </div>

                    <!-- 主用户名(缩小字号) -->
                    <div class="shimmer-text" style="font-family: 'Georgia', 'Times New Roman', serif; font-size: 28px; font-weight: 700; letter-spacing: 6px; text-transform: uppercase; background: linear-gradient(90deg, #f5f3ef 0%, #d4d0c8 25%, #b8b4ac 50%, #d4d0c8 75%, #f5f3ef 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-shadow: 0 2px 30px rgba(180,175,165,0.06), 0 4px 16px rgba(0,0,0,0.5); line-height: 1.2; padding: 1px 0;">
                        I'm here
                    </div>

                    <!-- 身份标签(缩小字号) -->
                    <div style="font-family: 'Georgia', serif; font-size: 11px; font-style: italic; color: #b0aca4; letter-spacing: 2px; margin-top: 1px; text-shadow: 0 0 16px rgba(200,195,185,0.03), 0 1px 10px rgba(0,0,0,0.6); opacity: 0.85;">
                        A quiet author · you found me.
                    </div>

                    <!-- 分隔装饰线(间距压缩) -->
                    <div style="width: 110px; height: 1px; margin: 8px auto 0 auto; background: linear-gradient(90deg, transparent, rgba(200,195,185,0.30), rgba(220,215,205,0.50), rgba(200,195,185,0.30), transparent); position: relative;">
                        <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 6px; height: 6px; background: radial-gradient(circle, rgba(200,195,185,0.40), rgba(200,195,185,0.03) 70%); border-radius: 50%; box-shadow: 0 0 16px rgba(200,195,185,0.10);"></div>
                        <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 3px; height: 3px; background: radial-gradient(circle, rgba(255,250,245,0.4), transparent); border-radius: 50%;"></div>
                    </div>
                </div>

                <!-- ===== 中部:格言(间距压缩) ===== -->
                <div style="padding: 6px 8px 4px 8px; text-align: center; position: relative;">

                    <!-- 引号装饰 -->
                    <div style="position: absolute; top: -2px; left: 2px; font-family: 'Georgia', serif; font-size: 26px; color: rgba(200,195,185,0.04); line-height: 1; transform: rotate(180deg); text-shadow: 0 0 20px rgba(200,195,185,0.02);">"</div>
                    <div style="position: absolute; bottom: -2px; right: 2px; font-family: 'Georgia', serif; font-size: 26px; color: rgba(200,195,185,0.04); line-height: 1; text-shadow: 0 0 20px rgba(200,195,185,0.02);">"</div>

                    <!-- 格言内容 -->
                    <div style="font-family: 'Georgia', serif; font-size: 14px; font-style: italic; color: #d0ccc4; line-height: 1.6; letter-spacing: 0.4px; text-shadow: 0 1px 14px rgba(0,0,0,0.6), 0 0 24px rgba(200,195,185,0.02); padding: 0 10px; max-width: 360px; margin: 0 auto;">
                        Once a world is complete enough, it runs on its own.<br>No need for the author to plot its course.
                    </div>

                    <!-- 格言下方细装饰 -->
                    <div style="width: 40px; height: 1px; margin: 6px auto 0 auto; background: linear-gradient(90deg, transparent, rgba(200,195,185,0.08), transparent);"></div>
                </div>

                <!-- ===== 底栏 ===== -->
                <div style="padding-top: 8px; text-align: center; position: relative;">

                    <!-- 分隔装饰线 -->
                    <div style="width: 60px; height: 1px; margin: 0 auto 10px auto; background: linear-gradient(90deg, transparent, rgba(200,195,185,0.14), transparent); position: relative;">
                        <div style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 3px; height: 3px; background: radial-gradient(circle, rgba(200,195,185,0.15), transparent); border-radius: 50%;"></div>
                    </div>

                    <!-- 标签组 -->
                    <div style="display: flex; justify-content: center; gap: 8px; flex-wrap: wrap;">
                        <div style="padding: 2px 14px; border: 1px solid rgba(200,195,185,0.08); border-radius: 30px; background: rgba(200,195,185,0.02); backdrop-filter: blur(4px); box-shadow: 0 0 16px rgba(200,195,185,0.01);">
                            <span style="font-family: 'Georgia', serif; font-size: 9px; color: #b8b4ac; letter-spacing: 1.5px; text-transform: uppercase; opacity: 0.75; text-shadow: 0 0 10px rgba(200,195,185,0.02);">✦ Can the LLM also "Show, don't tell"?</span>
                    </div>

                    <!-- 底部装饰行 -->
                    <div style="margin-top: 8px; font-family: 'Georgia', serif; font-size: 8px; color: rgba(200,195,185,0.07); letter-spacing: 6px; user-select: none;"><span style="display: inline-block; animation: twinkle-ultraslow 8s ease-in-out infinite; animation-delay: 4.5s;">✧</span> <span style="display: inline-block; width: 14px; height: 1px; background: linear-gradient(90deg, rgba(200,195,185,0.05), transparent); margin: 0 4px;"></span><span style="display: inline-block; animation: twinkle-fast 3.5s ease-in-out infinite; animation-delay: 0.5s;">◇</span><span style="display: inline-block; width: 14px; height: 1px; background: linear-gradient(90deg, transparent, rgba(200,195,185,0.05)); margin: 0 4px;"></span><span style="display: inline-block; animation: twinkle-slow 6s ease-in-out infinite; animation-delay: 5.2s;">✦</span><span style="display: inline-block; width: 14px; height: 1px; background: linear-gradient(90deg, rgba(200,195,185,0.05), transparent); margin: 0 4px;"></span><span style="display: inline-block; animation: twinkle-medium 5s ease-in-out infinite; animation-delay: 1.8s;">◇</span><span style="display: inline-block; width: 14px; height: 1px; background: linear-gradient(90deg, transparent, rgba(200,195,185,0.05)); margin: 0 4px;"></span><span style="display: inline-block; animation: twinkle-ultraslow 8s ease-in-out infinite; animation-delay: 2.0s;">✧</span>
                    </div>
                </div>

            </div>

            <!-- ===== 内嵌氛围光晕 ===== -->
            <div style="position: absolute; top: -30%; left: -15%; width: 70%; height: 80%; background: radial-gradient(ellipse, rgba(200,195,185,0.015), transparent 70%); pointer-events: none; z-index: 0;"></div>
            <div style="position: absolute; bottom: -20%; right: -15%; width: 60%; height: 70%; background: radial-gradient(ellipse, rgba(180,175,165,0.01), transparent 70%); pointer-events: none; z-index: 0;"></div>

        </div>
    </div>
</div>

1 cards · page 1 of 1