<div style="position:relative;overflow:hidden;background:url('https://i.ibb.co/XZ5JdSPH/IMAGE-2026-07-23-13-10-10.jpg') center center/cover no-repeat;border:1px solid rgba(255,255,255,0.80);border-radius:18px;font-family:ui-sans-serif,system-ui,sans-serif;color:#fff;min-height:520px;box-shadow:0 12px 36px rgba(255,255,255,0.10), inset 0 1px 0 rgba(255,255,255,0.84);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);">


<div style="position:absolute;inset:0;background:
linear-gradient(to bottom, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.02) 18%, rgba(17,24,39,0.24) 56%, rgba(17,24,39,0.46) 100%),
radial-gradient(circle at 78% 22%, rgba(0,0,0,0.26) 0%, rgba(0,0,0,0.14) 30%, rgba(0,0,0,0) 58%),
radial-gradient(circle at 50% 84%, rgba(15,23,42,0.26) 0%, rgba(15,23,42,0.12) 36%, rgba(15,23,42,0) 72%);
pointer-events:none;"></div>

<div style="position:absolute;inset:0;background:linear-gradient(to bottom, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0.04) 42%, rgba(255,255,255,0.09) 100%);"></div>

<div style="position:absolute;inset:0;background:radial-gradient(circle at 1px 1px, rgba(255,255,255,0.28) 1px, transparent 1px);background-size:22px 22px;"></div>

<div style="position:absolute;top:0;left:0;right:0;height:210px;background:linear-gradient(90deg, rgba(255,245,248,0.12) 0%, rgba(255,255,255,0.03) 100%);opacity:1;clip-path:polygon(0 0,100% 0,100% 62%,0 100%);"></div>

<div style="position:absolute;top:0;left:0;right:0;height:230px;background:linear-gradient(90deg, rgba(255,255,255,0.07) 0%, rgba(250,240,245,0.07) 100%);opacity:1;clip-path:polygon(0 26%,100% 8%,100% 74%,0 92%);"></div>

<div style="position:absolute;top:0;left:0;right:0;height:236px;background:linear-gradient(90deg, rgba(244,114,182,0.03) 0%, rgba(255,255,255,0) 100%);opacity:1;clip-path:polygon(0 30%,100% 12%,100% 100%,0 100%);"></div>

<div style="position:absolute;top:0;left:0;right:0;height:238px;background:repeating-linear-gradient(45deg, rgba(255,255,255,0.04) 0 8px, transparent 8px 16px);clip-path:polygon(0 30%,100% 12%,100% 100%,0 100%);"></div>

<div style="position:absolute;top:-40px;left:-30px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle, rgba(252,231,243,0.10) 0%, rgba(252,231,243,0.04) 42%, rgba(252,231,243,0) 72%);filter:blur(10px);"></div>

<div style="position:absolute;right:-30px;bottom:70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle, rgba(255,255,255,0.12) 0%, rgba(255,240,245,0.06) 40%, rgba(255,240,245,0) 74%);filter:blur(12px);"></div>

<div style="position:relative;padding:22px 20px 24px;display:flex;flex-direction:column;min-height:520px;box-sizing:border-box;">


<div style="display:flex;align-items:center;">
<div style="margin-left:0;">

<div style="display:inline-block;font-size:10px;font-weight:900;letter-spacing:2px;color:#E75498;background:rgba(255,255,255,0.38);border:1px solid rgba(255,255,255,0.90);border-radius:8px;padding:3px 10px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);">
SYSTEM BROADCAST
</div>


<div style="margin-top:6px;color:#FF80B5;-webkit-text-fill-color:#FF80B5;text-shadow:0 2px 8px rgba(131,25,75,0.48),0 1px 2px rgba(0,0,0,0.28);">

<div style="font-size:30px;font-weight:900;letter-spacing:4px;line-height:1.2;">
永久域名
</div>

<div style="margin-top:4px;font-size:30px;font-weight:900;letter-spacing:4px;line-height:1.2;">
收藏不迷路
</div>

</div>

<div style="font-size:10px;color:#E75498;background:rgba(255,255,255,0.34);border:1px solid rgba(255,255,255,0.88);border-radius:8px;padding:2px 8px;display:inline-block;margin-top:8px;letter-spacing:1px;font-weight:700;box-shadow:inset 0 1px 0 rgba(255,255,255,0.80);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);">
Permanent · Domain · Access
</div>

</div>
</div>

<div style="flex:1;"></div>


<a href=" " target="_blank" rel="noopener" style="display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;border:1px solid rgba(255,214,102,0.72);background:linear-gradient(135deg, #E4AA19 0%, #F1C648 100%);box-shadow:0 12px 32px rgba(237,188,58,0.30), inset 0 1px 0 rgba(255,255,255,0.22);margin-bottom:14px;text-decoration:none;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);">

<span style="font-size:11px;font-weight:900;color:#A36A00 !important;-webkit-text-fill-color:#A36A00 !important;background:rgba(255,255,255,0.84);border:1px solid rgba(255,255,255,0.92);border-radius:8px;padding:3px 8px;flex-shrink:0;box-shadow:inset 0 1px 0 rgba(255,255,255,0.95);">
01
</span>

<span style="flex:1;font-size:17px;font-weight:900;letter-spacing:1px;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;text-shadow:0 1px 6px rgba(0,0,0,0.16) !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
samh128.com
</span>

<span style="width:9px;height:9px;border-radius:50%;background:#FFFFFF;border:1px solid rgba(255,255,255,0.92);box-shadow:0 0 10px rgba(255,255,255,0.40);flex-shrink:0;"></span>

<span style="font-size:20px;font-weight:900;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;text-shadow:0 1px 6px rgba(0,0,0,0.16);">
›
</span>

</a >


<a href="https://samh128.com" target="_blank" rel="noopener" style="display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;border:1px solid rgba(112,232,188,0.72);background:linear-gradient(135deg, #1FA97F 0%, #43D5A3 100%);box-shadow:0 12px 32px rgba(62,202,154,0.28), inset 0 1px 0 rgba(255,255,255,0.22);margin-bottom:14px;text-decoration:none;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);">

<span style="font-size:11px;font-weight:900;color:#117A5B !important;-webkit-text-fill-color:#117A5B !important;background:rgba(255,255,255,0.84);border:1px solid rgba(255,255,255,0.92);border-radius:8px;padding:3px 8px;flex-shrink:0;box-shadow:inset 0 1px 0 rgba(255,255,255,0.95);">
02
</span>

<span style="flex:1;font-size:17px;font-weight:900;letter-spacing:1px;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;text-shadow:0 1px 6px rgba(0,0,0,0.16) !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
samh129.com
</span>

<span style="width:9px;height:9px;border-radius:50%;background:#FFFFFF;border:1px solid rgba(255,255,255,0.92);box-shadow:0 0 10px rgba(255,255,255,0.40);flex-shrink:0;"></span>

<span style="font-size:20px;font-weight:900;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;text-shadow:0 1px 6px rgba(0,0,0,0.16);">
›
</span>

</a >


<a href="https://samh129.com" target="_blank" rel="noopener" style="display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;border:1px solid rgba(132,187,255,0.72);background:linear-gradient(135deg, #3F88E8 0%, #63B0FF 100%);box-shadow:0 12px 32px rgba(88,159,243,0.28), inset 0 1px 0 rgba(255,255,255,0.22);text-decoration:none;backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);">

<span style="font-size:11px;font-weight:900;color:#2E65B9 !important;-webkit-text-fill-color:#2E65B9 !important;background:rgba(255,255,255,0.84);border:1px solid rgba(255,255,255,0.92);border-radius:8px;padding:3px 8px;flex-shrink:0;box-shadow:inset 0 1px 0 rgba(255,255,255,0.95);">
03
</span>

<span style="flex:1;font-size:17px;font-weight:900;letter-spacing:1px;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;text-shadow:0 1px 6px rgba(0,0,0,0.16) !important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">
samh130.com
</span>

<span style="width:9px;height:9px;border-radius:50%;background:#FFFFFF;border:1px solid rgba(255,255,255,0.92);box-shadow:0 0 10px rgba(255,255,255,0.40);flex-shrink:0;"></span>

<span style="font-size:20px;font-weight:900;color:#FFFFFF !important;-webkit-text-fill-color:#FFFFFF !important;text-shadow:0 1px 6px rgba(0,0,0,0.16);">
›
</span>

</a >

</div>
</div>

Lone Project (完整版)

站长推荐