/* 基础样式 */
* { 
    margin: 0; 
    padding: 0; 
    box-sizing: border-box; 
    font-family: "微软雅黑", Arial, sans-serif; 
}

body { 
    background: #f5f7fa; 
    padding: 20px; 
}

.container { 
    max-width: 400px; 
    margin: 20px auto; 
    background: #fff; 
    border-radius: 16px; 
    box-shadow: 0 4px 20px rgba(0,0,0,0.08); 
    overflow: hidden; 
}

/* 头部样式 */
.header { 
    background: #2D7DFF; 
    color: #fff; 
    padding: 30px 20px; 
    text-align: center; 
}

.header-icon { 
    margin-bottom: 15px; 
}

.header-icon svg { 
    width: 48px; 
    height: 48px; 
    fill: #fff; 
}

.header h1 { 
    font-size: 22px; 
    font-weight: bold; 
    margin-bottom: 8px; 
}

.header p { 
    font-size: 15px; 
    opacity: 0.9; 
}

/* 复制区域样式 */
.copy-section { 
    text-align: center; 
    padding: 25px 20px; 
    background: #fff; 
}

.copy-section p { 
    font-size: 14px; 
    color: #666; 
    margin-bottom: 15px; 
}

#copyBtn { 
    padding: 8px 20px; 
    background: #2D7DFF; 
    color: #fff; 
    border: none; 
    border-radius: 8px; 
    font-size: 15px; 
    cursor: pointer; 
    transition: background 0.3s; 
}

#copyBtn:hover { 
    background: #1E68E5; 
}

/* 提示信息样式 */
.copy-tip { 
    margin-top: 10px; 
    font-size: 13px; 
    opacity: 0; 
    transition: opacity 0.3s; 
}

#copyTip {
    color: #22c55e;
}

/* 在线客服区域样式 */
.customer-service {
    text-align: center;
    padding: 15px 20px;
    background: #f8fafc;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.customer-service p {
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
}

.wechat-info {
    font-size: 15px;
}

.wechat-label {
    color: #666;
}

.wechat-id { 
    color: #2D7DFF;
    font-weight: 500;
    font-family: monospace;
    cursor: pointer;
    transition: color 0.3s;
    text-decoration: underline;
}

.wechat-id:hover {
    color: #1E68E5;
}

#wechatCopyTip {
    color: #22c55e;
}

/* 底部提示 */
.footer-note { 
    text-align: center; 
    font-size: 13px; 
    color: #888; 
    padding: 15px 20px; 
    background: #fafbfc; 
}

/* 微信环境特殊处理 */
.wechat-adjust .container {
    margin-top: 5px;
}