/* ========================================
	   友链申请插件 - 核心样式表
	   ======================================== */
	/* 1. CSS 变量定义 */
	:root {
	    --fla-primary-color: #667eea;
	    --fla-primary-hover: #764ba2;
	    --fla-bg-color: #ffffff;
	    --fla-text-color: #333333;
	    --fla-border-radius: 12px;
	    --fla-shadow: 0 10px 30px rgba(0,0,0,0.08);
	    --fla-transition: all 0.3s ease;
	}
	/* ========================================
	   第一部分：申请表单样式
	   ======================================== */
	/* 表单容器 */
	.fla-form-container {
	    max-width: 650px;
	    margin: 40px auto;
	    background: var(--fla-bg-color);
	    border-radius: 16px;
	    box-shadow: var(--fla-shadow);
	    overflow: hidden;
	    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	    border: 1px solid rgba(0,0,0,0.03);
	}
	/* 头部区域 */
	.fla-form-header {
	    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	    color: #fff;
	    padding: 30px;
	    text-align: center;
	}
	.fla-form-header h3 {
	    margin: 0 0 10px 0;
	    font-size: 1.5rem;
	}
	.fla-form-header p {
	    margin: 0;
	    opacity: 0.9;
	    font-size: 0.95rem;
	}
	/* 表单主体 */
	.fla-styled-form {
	    padding: 40px;
	}
	/* 浮动标签输入框组 */
	.fla-form-group {
	    position: relative;
	    margin-bottom: 30px;
	}
	.fla-input {
	    width: 100%;
	    padding: 16px 14px;
	    font-size: 1rem;
	    border: 2px solid #eef2f7;
	    border-radius: 10px;
	    background-color: #f8fafc;
	    color: #333;
	    outline: none;
	    transition: var(--fla-transition);
	    box-sizing: border-box;
	}
	.fla-label {
	    position: absolute;
	    left: 16px;
	    top: 50%;
	    transform: translateY(-50%);
	    color: #8898aa;
	    font-size: 1rem;
	    pointer-events: none;
	    transition: all 0.3s ease;
	    background: transparent;
	    padding: 0 4px;
	}
	/* 文本域标签位置调整 */
	.fla-textarea + .fla-label {
	    top: 20px;
	    transform: none;
	}
	/* 激活状态：聚焦或有内容 */
	.fla-input:focus,
	.fla-input:not(:placeholder-shown) {
	    border-color: var(--fla-primary-color);
	    background-color: #fff;
	    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.1);
	}
	/* 标签上移效果 */
	.fla-input:focus + .fla-label,
	.fla-input:not(:placeholder-shown) + .fla-label {
	    top: 0;
	    transform: translateY(-50%);
	    font-size: 0.75rem;
	    color: var(--fla-primary-color);
	    background-color: #fff;
	    font-weight: 600;
	}
	/* 文本域标签上移 */
	.fla-textarea:focus + .fla-label,
	.fla-textarea:not(:placeholder-shown) + .fla-label {
	    top: -10px; 
	    transform: none;
	}
	/* 提交按钮 */
	.fla-submit-btn {
	    width: 100%;
	    padding: 16px;
	    border: none;
	    border-radius: 10px;
	    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	    color: white;
	    font-size: 1.1rem;
	    font-weight: 600;
	    cursor: pointer;
	    transition: all 0.4s ease;
	    position: relative;
	    overflow: hidden;
	    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);
	}
	.fla-submit-btn:hover {
	    transform: translateY(-3px);
	    box-shadow: 0 15px 30px rgba(102, 126, 234, 0.4);
	}
	/* 成功消息 */
	.fla-success-message {
	    max-width: 650px;
	    margin: 40px auto;
	    padding: 30px;
	    background-color: #e8f5e9;
	    border-left: 5px solid #4caf50;
	    border-radius: 8px;
	    color: #2e7d32;
	    font-size: 1.1rem;
	    display: flex;
	    align-items: center;
	    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	}
	/* ========================================
	   第二部分：友链展示列表样式 (左图右文布局)
	   ======================================== */
	.friend-links-list {
	    display: grid;
	    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	    gap: 20px;
	    padding: 20px 0;
	    list-style: none;
	    margin: 0;
	}
	.friend-links-list li {
	    background-color: #ffffff;
	    border-radius: 12px;
	    box-shadow: 0 4px 15px rgba(0,0,0,0.05);
	    transition: all 0.3s ease;
	    overflow: hidden;
	    border: 1px solid #f0f0f0;
	}
	.friend-links-list li:hover {
	    transform: translateY(-4px);
	    box-shadow: 0 15px 35px rgba(0,0,0,0.1);
	    border-color: #667eea;
	}
	.friend-links-list a {
	    display: flex;              /* Flex布局 */
	    flex-direction: row;        /* 横向排列 */
	    align-items: center;        /* 垂直居中 */
	    padding: 15px;
	    text-decoration: none;
	    color: #333;
	    height: 100%;
	    box-sizing: border-box;
	}
	/* Logo区域 */
	.fla-site-logo {
	    width: 50px;
	    height: 50px;
	    min-width: 50px;
	    border-radius: 8px;
	    object-fit: cover;
	    margin-right: 15px;
	    background-color: #f0f2f5;
	    transition: transform 0.3s ease;
	}
	/* 默认Logo占位符 */
	.fla-default-logo {
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
	    color: #fff;
	    font-weight: bold;
	    font-size: 1.2rem;
	}
	.friend-links-list li:hover .fla-site-logo {
	    transform: scale(1.05);
	}
	/* 文本信息区域 */
	.fla-site-info {
	    flex: 1;
	    overflow: hidden;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	}
	/* 网站名称 */
	.fla-site-name {
	    font-weight: 600;
	    font-size: 1rem;
	    color: #2c3e50;
	    margin-bottom: 4px;
	    white-space: nowrap;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}
	/* 网站简介 */
	.fla-site-desc {
	    display: block;
	    font-size: 0.85rem;
	    color: #8898aa;
	    line-height: 1.4;
	    display: -webkit-box;
	    -webkit-line-clamp: 2;      /* 显示2行 */
	    -webkit-box-orient: vertical;
	    overflow: hidden;
	    text-overflow: ellipsis;
	}