编辑“︁TUCM”︁

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>造语者联盟官方网站</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f5f5f5;
            color: #333;
        }
        .container {
            width: 80%;
            margin: 0 auto;
            padding: 20px;
            background-color: #ffffff;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            margin-top: 20px;
            border-radius: 8px;
        }
        h1 {
            text-align: center;
            color: #4682b4;
            margin-top: 30px;
        }
        p {
            font-size: 18px;
            line-height: 1.6;
            margin: 20px 0;
        }
        a {
            display: inline-block;
            margin: 10px;
            padding: 10px 20px;
            border: 2px solid #4682b4;
            color: #4682b4;
            text-decoration: none;
            border-radius: 5px;
        }
        a:hover {
            background-color: #4682b4;
            color: #ffffff;
        }
        .details {
            display: flex;
            justify-content: space-between;
            margin: 20px 0;
        }
        .details div {
            background-color: #e0e0e0;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
            width: 48%;
        }
        footer {
            text-align: center;
            padding: 20px;
            background-color: #4682b4;
            color: #ffffff;
            position: fixed;
            width: 100%;
            bottom: 0;
        }
    </style>
</head>
<body>
    <h1>造语者联盟官方网站</h1>
    <div class="container">
        <p><strong>造语者联盟</strong>成立于2020年5月17日，8月8日造语联盟贴吧成立。</p>
        <p>20年下半年，造语者交流群更名造语者联盟，标志着联盟的正式成立。</p>
        <p>2023年6月，新贴吧“造语者联盟吧”成立。</p>
        <p>2023年10月5日下午14时30分，建立了造语者联盟Fandom。</p>
        <p>2025年2月21日0时9分，自建官网上线。</p>
        <div class="details">
            <div>
                <h3>QQ群</h3>
                <p>QQ群号：673906569</p>
            </div>
            <div>
                <h3>联系邮箱</h3>
                <p>email：tucm20200517@163.com</p>
            </div>
        </div>
        <a href="ruqiehou.html">打开汝且候简介</a>
        <a href="tucmhistory.html">打开造语者联盟历史</a>
        <a href="zcj.html">打开造词机</a>
        <a href="zxcd.html">打开造语者在线词典</a>
        <a href="csmsword.html">打开查索玛苏语词典</a>
        <a href="sjrmdm.html">随机人名地名</a>
    </div>
    <style>
        body::after {
          content: "版权所有 © 2025 造语者联盟";
          background-color: #f5f5f5;
          padding: 10px;
          text-align: center;
          font-family: Arial, sans-serif;
          position: fixed;
          bottom: 0;
          left: 0;
          width: 100%;
        }
      </style>
</body>
 
<!-- 在HTML文件中添加以下代码 -->
<section class="friend-links">
    <h2 class="section-title">友情链接</h2>
    <div class="links-container">
        <!-- 单个友链示例 -->
        <a href="https://j9.gs" target="_blank" class="friend-link">
            <div class="link-logo">
                <img src="https://example.com/logo.png" alt="示例网站">
            </div>
            <div class="link-info">
                <h3>祭酒 故事</h3>
                <p>有酒 有故事 </p>
            </div>
        </a>

        <!-- 更多友链... -->
        <a href="https://gendaris.jesonlee.com" target="_blank" class="friend-link">
            <div class="link-logo">
                <img src="https://example.com/logo.png" alt="示例网站">
            </div>
            <div class="link-info">
                <h3>根达里斯</h3>
                <p>神奇世界的探索之旅</p>
            </div>
        <a href="https://tucm.fandom.com/zh/wiki/%E9%80%A0%E8%AF%AD%E8%80%85%E8%81%94%E7%9B%9F_Wiki" target="_blank" class="friend-link">
                <div class="link-logo">
                    <img src="https://example.com/logo.png" alt="示例网站">
                </div>
                <div class="link-info">
                    <h3>造语者联盟WIki</h3>
                    <p>更加成熟的社区 </p>
                </div>
            </a>
        <a href="https://worldviewcreategroup.fandom.com/zh/wiki/%E4%B8%96%E7%95%8C%E8%A7%82%E8%AE%BE%E5%AE%9A%E5%9C%88_Wik" target="_blank" class="friend-link">
                <div class="link-logo">
                    <img src="https://example.com/logo.png" alt="示例网站">
                </div>
                <div class="link-info">
                    <h3>世界观设定圈WIki</h3>
                    <p>想象力的家园</p>
                </div>
            </a>
            
        </a>
    </div>
</section>

<style>
/* 友情链接部分样式 */
.friend-links {
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
}

.section-title {
    text-align: center;
    font-size: 2em;
    color: #333;
    margin-bottom: 30px;
    position: relative;
}

.section-title::after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: #2196F3;
    margin: 10px auto;
}

.links-container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
}

.friend-link {
    display: flex;
    align-items: center;
    padding: 15px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    text-decoration: none;
    color: #333;
}

.friend-link:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.link-logo {
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    margin-right: 15px;
}

.link-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.link-info h3 {
    margin: 0 0 5px 0;
    font-size: 1.1em;
}

.link-info p {
    margin: 0;
    font-size: 0.9em;
    color: #666;
    line-height: 1.4;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .friend-links {
        padding: 0 15px;
    }
    
    .links-container {
        grid-template-columns: 1fr;
    }
    
    .friend-link {
        padding: 12px;
    }
}
</style>
 



</html>