/* ==========================================
   001.css - 统一高亮突出、完美居中、强兼容按钮样式
   ========================================== */

body {
    margin: 0;
    padding: 0;
    background-color: #f8c5d1;
    font-family: Arial, sans-serif;
    text-align: center;
    -webkit-tap-highlight-color: transparent; /* 清除iOS点击时难看的蓝色高亮块 */
}

/* 彻底重构的全局大号显眼按钮 */
.next-btn {
    /* 1. 放弃传统的 padding/line-height，采用全自动完美居中方案 */
    display: inline-flex !important;    
    align-items: center !important;     /* 上下绝对居中 */
    justify-content: center !important;  /* 左右绝对居中 */
    
    /* 2. 霸道的外观尺寸，巨显眼 */
    width: 260px !important;            
    height: 65px !important;            
    box-sizing: border-box !important;  /* 锁死尺寸，绝不被padding或边框撑开错位 */
    padding: 0 !important;              /* 清除任何会导致文字错位的内边距 */
    margin: 0 auto !important;
    
    /* 3. 极具诱惑力的立体视觉设计 */
    background: linear-gradient(180deg, #ff3366 0%, #d5093c 100%) !important; /* 质感渐变红 */
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 1.6rem !important;       /* 大号震撼字体 */
    font-weight: 900 !important;        /* 极粗字体 */
    text-transform: uppercase !important;/* 英文强制大写 */
    letter-spacing: 4px !important;     /* 字母间距拉开，高级感 */
    border-radius: 50px !important;     /* 完美胶囊圆角 */
    
    /* 白色实体高光边框 + 强烈的立体下落阴影 */
    border: 2px solid #ffffff !important; 
    box-shadow: 0 10px 25px rgba(213, 9, 60, 0.5), inset 0 2px 6px rgba(255,255,255,0.4) !important;
    cursor: pointer;
    
    /* 4. iOS 顶级兼容渲染与硬件加速 */
    -webkit-appearance: none !important;
    transform: translateZ(0) !important;
    -webkit-transform: translateZ(0) !important;
    transition: all 0.15s ease-in-out !important;
}

/* 鼠标悬停（PC端友好） */
.next-btn:hover {
    background: linear-gradient(180deg, #ff4d7d 0%, #e60b43 100%) !important;
    box-shadow: 0 12px 28px rgba(213, 9, 60, 0.6), inset 0 2px 6px rgba(255,255,255,0.5) !important;
}

/* 极其解压的手指/鼠标按下物理反馈 */
.next-btn:active {
    background: linear-gradient(180deg, #d5093c 0%, #a0072d 100%) !important;
    border-color: rgba(255,255,255,0.7) !important;
    /* 阴影变小，模拟按钮贴近地面 */
    box-shadow: 0 4px 10px rgba(213, 9, 60, 0.6), inset 0 2px 4px rgba(0,0,0,0.2) !important;
    /* 整体等比例缩小并下移 4px，产生超真实的“按下去”的机械感 */
    transform: scale(0.94) translateY(4px) translateZ(0) !important;
    -webkit-transform: scale(0.94) translateY(4px) translateZ(0) !important;
}