/* ================================
   公司测名首页：100%全宽 + 现代微圆角版 + 极简高级表单
================================ */

/* 全局容器：严格统一 640px */
.gsqm-new {
    background: #f4f5f7; 
    color: #333;
    width: 100%;
    max-width: 640px; 
    margin: 0 auto;
    padding-bottom: 75px; 
}
.gsqm-new * {
    box-sizing: border-box;
}

/* 顶部通栏 */
.gsqm-new .public_header {
    background: #ff0000;
    width: 100%;
    max-width: 640px;
    margin: 0 auto;
}

/* 核心区块：恢复 100% 宽度，保留底部缝隙 */
.gsqm-new .public_banner, 
.gsqm-card, 
.gsqm-trust {
    width: 100%;       
    max-width: 640px; 
    margin: 0 auto 12px auto; 
    background: #fff;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03); 
    overflow: hidden; 
}

/* 卡片和信任区块保留 4 个圆角 */
.gsqm-card, 
.gsqm-trust {
    border-radius: 16px; 
}

/* Banner 仅保留底部 2 个圆角，顶部变为直角(0)以贴合红条 */
.gsqm-new .public_banner {
    border-radius: 0 0 16px 16px;
}

/* Banner图片贴合圆角且满宽 */
.gsqm-new .public_banner img { 
    width: 100%; 
    display: block; 
    border-radius: 0 0 16px 16px;
}

/* 表单卡片内边距 */
.gsqm-card { padding: 25px 20px; }

/* ================================
   高级风表单标题排版 (替换了原本死板的文字)
================================ */
.gsqm-card-title {
    text-align: center;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #eaeaea; /* 增加一条虚线分割，更显专业 */
}
.gsqm-card-title h2 { 
    margin: 0; 
    font-size: 20px; 
    color: #8b5a18; 
    font-weight: bold; 
}
.gsqm-card-title p { 
    margin: 8px 0 0 0; 
    color: #888; 
    font-size: 13px; 
}

/* 表单输入项 */
.gsqm-input-item { display: flex; align-items: center; height: 55px; border-bottom: none !important; margin-bottom: 12px; }
.gsqm-input-item label { width: 85px; font-size: 15px; color: #555; font-weight: 500; }
.gsqm-input-item input {
    flex: 1; border: none; outline: none; background: #f0f4f8 !important;
    font-size: 15px; color: #333; height: 46px !important; width: 100%;
    border-radius: 8px !important; padding: 0 15px !important;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.02);
}
.gsqm-input-item input::placeholder { color: #ccc; }

/* 性别按钮 */
.gsqm-sex { display: flex; }
.gsqm-sex span {
    display: inline-block; width: 65px; height: 32px; line-height: 30px;
    text-align: center; border-radius: 20px; border: 1px solid #ddd;
    margin-right: 12px; color: #666; font-size: 14px; cursor: pointer;
    transition: all 0.3s;
}
.gsqm-sex span.cur { background: #b88638; border-color: #b88638; color: #fff; font-weight: bold; }

/* ================================
   终极修复：立即测名按钮 (纯净椭圆 + 绝对居中)
================================ */
.gsqm-new .public_btn_s {
    margin: 25px 0 !important; 
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important; 
    align-items: center !important; 
    background: transparent !important;
    border: none !important;
}

.gsqm-new .gsqm-main-btn {
    display: block !important;
    width: 65% !important;
    max-width: 260px !important;
    height: 48px !important;
    line-height: 48px !important;
    margin: 0 !important; 
    border: 0 !important; 
    outline: 0 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    border-radius: 50px !important; 
    background: linear-gradient(90deg, #c89445, #e5bb70) !important;
    color: #fff !important;
    font-size: 18px !important;
    font-weight: bold !important;
    text-align: center !important;
    letter-spacing: 2px !important; 
    box-shadow: 0 5px 15px rgba(200, 148, 69, 0.4) !important;
    text-shadow: none !important;
}
.gsqm-new .gsqm-main-btn:active {
    opacity: 0.8 !important;
    transform: translateY(1px) !important;
}

/* 信任背书区域 */
.gsqm-trust { padding: 20px; text-align: center; }
.gsqm-trust .star { font-size: 24px; color: #f5b400; letter-spacing: 3px; }
.gsqm-trust p { margin: 8px 0; color: #777; font-size: 14px; }
.gsqm-trust p span { font-weight: bold; font-size: 15px; }

/* 底部导航 */
.gsqm-new .ainuo_foot_nav {
    background: rgba(184, 134, 56, 0.98) !important; 
    position: fixed; 
    bottom: 0 !important; 
    left: 0; right: 0; margin: 0 auto !important; 
    width: 100% !important;  
    max-width: 640px !important; 
    border-radius: 16px 16px 0 0 !important; 
    z-index: 9999; 
    box-shadow: 0 -2px 10px rgba(0,0,0,0.1) !important;
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out !important;
}
.nav-hidden {
    transform: translateY(120%) !important;
    opacity: 0 !important;
    pointer-events: none; 
}
.gsqm-new .ainuo_foot_nav ul {
    display: flex !important; justify-content: space-around; align-items: center;
    margin: 0; padding: 10px 0 8px 0; list-style: none;
}
.gsqm-new .ainuo_foot_nav li { flex: 1; text-align: center; }
.gsqm-new .ainuo_foot_nav a { display: flex; flex-direction: column; align-items: center; text-decoration: none; }
.gsqm-new .ainuo_foot_nav i { display: inline-block; width: 22px; height: 22px; margin-bottom: 3px; background-size: contain; background-repeat: no-repeat; background-position: center; }
.gsqm-new .ainuo_foot_nav p { color: #fff !important; font-size: 12px; margin: 0 !important; line-height: 1; }
/* 底部凸起主按钮 */
.gsqm-new .ainuo_foot_nav .botpost em { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: #fff; border-radius: 50%; margin: -25px auto 3px; box-shadow: 0 -3px 8px rgba(0,0,0,0.15); }
.gsqm-new .ainuo_foot_nav .botpost i { width: 26px; height: 26px; margin-bottom: 0; }