创建量子卡

<div style={{ fontFamily: "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Microsoft YaHei', sans-serif", maxWidth: "600px", margin: "0 auto", color: "var(--rm-dark-text, #333)" }}>
  <div style={{
    backgroundColor: "var(--rm-dark-card, #f8f9fa)",
    borderRadius: "8px",
    padding: "20px",
    boxShadow: "0 2px 10px rgba(0,0,0,var(--rm-dark-shadow-opacity, 0.05))",
    border: "1px solid var(--rm-dark-border, #eee)"
  }}>
    {/* 标题 */}
    <h2 style={{
      color: "var(--rm-dark-title, #2c3e50)",
      marginTop: "0",
      borderBottom: "1px solid var(--rm-dark-border, #eee)",
      paddingBottom: "10px",
      fontWeight: "600"
    }}>
      手机号格式规范
    </h2>
    
    {/* phoneCode 说明 */}
    <div style={{ marginBottom: "20px" }}>
      <h3 style={{
        color: "var(--rm-dark-accent, #3498db)",
        marginBottom: "8px",
        fontWeight: "500"
      }}>📱 phoneCode</h3>
      <p style={{ margin: "5px 0", lineHeight: "1.6", fontSize: "15px" }}>
        持卡人手机号的国际区号，例如：
        <span style={{
          backgroundColor: "var(--rm-dark-code-bg, #e3f2fd)",
          padding: "2px 6px",
          borderRadius: "4px",
          fontFamily: "'SF Mono', Menlo, monospace",
          color: "var(--rm-dark-code-text, #0366d6)"
        }}>65</span>（新加坡）
      </p>
    </div>
    
    {/* phone 说明 */}
    <div style={{ marginBottom: "20px" }}>
      <h3 style={{
        color: "var(--rm-dark-accent, #3498db)",
        marginBottom: "8px",
        fontWeight: "500"
      }}>📞 phone</h3>
      <p style={{ margin: "5px 0", lineHeight: "1.6", fontSize: "15px" }}>
        持卡人的本地手机号，不包含区号。例如：
        <span style={{
          backgroundColor: "var(--rm-dark-code-bg, #e3f2fd)",
          padding: "2px 6px",
          borderRadius: "4px",
          fontFamily: "'SF Mono', Menlo, monospace",
          color: "var(--rm-dark-code-text, #0366d6)"
        }}>91234567</span>（新加坡手机号）
      </p>
    </div>
    
    {/* 正确示例 */}
    <div style={{
      backgroundColor: "var(--rm-dark-success-bg, #e8f5e9)",
      padding: "15px",
      borderRadius: "6px",
      marginBottom: "20px",
      borderLeft: "4px solid var(--rm-dark-success-border, #4caf50)"
    }}>
      <h4 style={{
        marginTop: "0",
        color: "var(--rm-dark-success-text, #2e7d32)",
        display: "flex",
        alignItems: "center",
        fontWeight: "500"
      }}>
        <span style={{ marginRight: "8px" }}>✅</span> 正确示例
      </h4>
      <pre style={{
        backgroundColor: "var(--rm-dark-pre-bg, white)",
        padding: "12px",
        borderRadius: "4px",
        overflowX: "auto",
        margin: "10px 0 0 0",
        color: "var(--rm-dark-pre-text, #24292e)",
        border: "1px solid var(--rm-dark-border, #e1e4e8)",
        fontFamily: "'SF Mono', Menlo, monospace",
        fontSize: "14px",
        lineHeight: "1.45"
      }}>
{
  "phoneCode": "65",
  "phone": "91234567"
}
      </pre>
    </div>
    
    {/* 错误示例 */}
    <div style={{
      backgroundColor: "var(--rm-dark-error-bg, #ffebee)",
      padding: "15px",
      borderRadius: "6px",
      marginBottom: "20px",
      borderLeft: "4px solid var(--rm-dark-error-border, #f44336)"
    }}>
      <h4 style={{
        marginTop: "0",
        color: "var(--rm-dark-error-text, #c62828)",
        display: "flex",
        alignItems: "center",
        fontWeight: "500"
      }}>
        <span style={{ marginRight: "8px" }}>❌</span> 错误示例
      </h4>
      <pre style={{
        backgroundColor: "var(--rm-dark-pre-bg, white)",
        padding: "12px",
        borderRadius: "4px",
        overflowX: "auto",
        margin: "10px 0 0 0",
        color: "var(--rm-dark-pre-text, #24292e)",
        border: "1px solid var(--rm-dark-border, #e1e4e8)",
        fontFamily: "'SF Mono', Menlo, monospace",
        fontSize: "14px",
        lineHeight: "1.45"
      }}>
{
  "phoneCode": "65",
  "phone": "6591234567"
}
      </pre>
    </div>
    
    {/* 说明区域 */}
    <div style={{
      backgroundColor: "var(--rm-dark-warning-bg, #fff8e1)",
      padding: "15px",
      borderRadius: "6px",
      borderLeft: "4px solid var(--rm-dark-warning-border, #ffc107)"
    }}>
      <h4 style={{
        marginTop: "0",
        color: "var(--rm-dark-warning-text, #ff8f00)",
        display: "flex",
        alignItems: "center",
        fontWeight: "500"
      }}>
        <span style={{ marginRight: "8px" }}>⚠️</span> 重要说明
      </h4>
      <p style={{
        margin: "5px 0",
        lineHeight: "1.6",
        fontSize: "15px",
        color: "var(--rm-dark-text, inherit)"
      }}>
        最终提交到服务端的是 <strong>phoneCode + phone</strong> 拼接后的完整手机号，例如：
        <span style={{
          backgroundColor: "var(--rm-dark-code-bg, #e3f2fd)",
          padding: "2px 6px",
          borderRadius: "4px",
          fontFamily: "'SF Mono', Menlo, monospace",
          color: "var(--rm-dark-code-text, #0366d6)"
        }}>6591234567</span>
      </p>
    </div>
  </div>
</div>